*{
    scroll-behavior: smooth;
    outline: none;
}
.nav-links{
    pointer-events: visibleFill;
}
.nav-scrolled{
    position:fixed;
    width: 100%;
    background: white;
    color:black;
    top:0;
    left:0;
    right:0;
    animation: nav-appear;
    animation-duration: 1s;
    animation-iteration-count: 1;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@keyframes nav-appear{
    from{top:-100%}
    to{top:0}
    }

.active{
    background-color: #1e2756!important;
    color: #fff!important;
}