html, body {
  font-family: 'Basic', sans-serif;
  min-height: 100vh;
  position: relative;
}

h1, h2, h3 {
  font-family: 'Mochiy Pop P One', sans-serif;
}

a {
  color:black;
}

a:hover {
  color:rgb(88, 88, 88);
}

.card {
  width:100%;
  -webkit-filter: brightness(100%);
}

.about-text {
  font-size: 1.15em;
}

.card:hover {
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

#resume {
  padding-bottom: 3rem !important;
}

#feature>.container {
  background-image: url("/images/feature-portrait.jpg");
  background-position: center;
  background-repeat: no-repeat;
  height:700px;
  position: relative;
  padding-left:0;
}

.overlay {
position: absolute;
bottom:0;
width: 100%;
height:125px;
background-color: rgba(223, 223, 223, 0.747);
}

footer {
  background-color: rgb(221, 221, 221);
  height:100px;
  padding-top:18px;
  position:absolute;
   bottom:0;
   width:100%;
}

.navbar-brand {
  font-family: 'Mochiy Pop P One', sans-serif;
}

.active .nav-link {
  color: black;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }