header nav.desktopMenu a {
    border-bottom: 2px solid #1F2937;
}
header nav.desktopMenu a:hover{
     border-bottom: 2px solid #E07A5F;
}
header nav a.active {
    border-bottom: 2px solid #E07A5F;
}
#home-hero-typewriter{
    color: #F4F1DE;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.mobile-nav a.active {
    color: #E07A5F;
}
.shiny-text {
    color: #ffffff7a;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgb(28, 232, 55) 50%, rgba(255, 255, 255, 0) 60%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    animation-duration: 2s;
    animation: shine 5s linear infinite;
}
@keyframes shine {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: -100%;
  }
}

.hero-image {
    opacity: 0;
    transform: scale(0.8);
    animation: fadeInUp 1s ease-out forwards;
}

@keyframes fadeInUp {
    100% {
        opacity: 1;
        transform: scale(1);
    }
}