#bg-anim {
    animation: gradience-comein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes gradience-comein {
    0% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0));}
    5% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.05));}
    10% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.1));}
    15% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.15));}
    20% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.20));}
    25% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.25));}
    30% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.30));}
    35% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.35));}
    40% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.4));}
    45% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.45));}
    50% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.5));}
    55% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.55));}
    60% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.6));}
    65% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.65));}
    70% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.7));}
    75% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.75));}
    80% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.8));}
    85% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.85));}
    90% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.9));}
    95% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 0.95));}
    100% {background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(36, 36, 36, 1));}
}

.navbar-brand{
    background-color: black;
}

.nav-link:hover{
    background-color: #696d70;
}

.nav-link {
    margin-right: 10px;
}