.header{z-index:999;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 4rem;display:flex;position:sticky;top:0;box-shadow:0 0 10px #00000017}.logo{font-size:20px;font-weight:600}.navbar{font-weight:600;display:flex}#nav-links{list-style:none}#nav-links .nav-link{margin-right:1rem;display:inline-block}#nav-links .nav-link a{cursor:pointer;color:#000;text-decoration:none;transition:all .23s}#nav-links .nav-link a:hover{color:#147efb}.nav-icon{font-size:20px;display:none}@media screen and (max-width:960px){.header{z-index:1;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 0 10px #00000017}.nav-icon{z-index:2;display:block}#nav-links{opacity:1;z-index:2;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform .5s linear;display:flex;position:absolute;top:0;left:-100%}.active{transform:translate(100%)}.nav-link{margin:15px 0;font-size:20px}}