/* Fade in animation */

@keyframes fadeIn {
  from {filter: blur(8px);}
  to {filter: blur(0px);}
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: 2s;
}

.footer {
  animation-name: fadeIn;
  animation-duration: 3s;
}

/* Body */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 52em;
}

.showcase {
  width: 80%;
  height: 300px;
  border-radius: 21px 21px 0 0;
}

/* Header */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.active {
  display: block !important;
}

.icon-link > .bi {
  width: .75em;
  height: .75em;
}

/* Project images */
.projImg {
  max-width: 100%;
  height: auto;
  padding: 1rem 1rem 0rem 1rem;
}

.projImgHalf {
  max-width: 40%;
  height: auto;
  padding: 1rem 1rem 0rem 1rem;
}

/* Background image */

.bgimage {
  background-image: url("../assets/sm2_background3.jpg");
  background-position: center 25%;
  background-size: cover;
}

/* Extra utilities */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}