.fade-in-anim {
    animation-duration: 1.5s;
    animation-name: animate-fade;
    animation-delay: 0.5s;
    animation-fill-mode: backwards;
}

@keyframes animate-fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

#ham-nav-menu.open {
    height: var(--ham-menu-height);
}

#navbar-container.elongate {
    height: var(--full-nav-height);
}

#main-container.blur {
    filter: blur(5px);
}

/*
@keyframes animate-back {
    0% {
        background:
        linear-gradient(140deg, transparent 50%, var(--col-main-2) 100%),
        linear-gradient(65deg, transparent 100%, var(--col-main-2) 100%);
    }
    2% {
        background:
        linear-gradient(140deg, transparent 51%, var(--col-main-2) 100%),
        linear-gradient(65deg, transparent 99%, var(--col-main-2) 100%);
    }
    ......
    100% {
        background:
        linear-gradient(140deg, transparent 100%, var(--col-main-2) 100%),
        linear-gradient(65deg, transparent 50%, var(--col-main-2) 100%);
    }
} */