.navbar {
  transition: all 0.2s ease-in-out;
}

.navbar-brand {
  font-family: "Berkshire Swash";
  font-size: 2rem;
}

.navbar-scroll {
  opacity: 0.97;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

.animate {
  visibility: visible;
  animation: 1s ease-in 0s slide-in;
}

.portfolio-website-link {
  text-decoration: none;
}

@keyframes slide-in {
  from {
    /* pushes the text down past the viewport */
    transform: translateX(-200vh);
  }
  to {
    /* returns the text to its default position */
    transform: translateX(0);
  }
}