.nav-header{position:absolute;top:0;width:100%;z-index:4}.nav-header ul{margin:0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#fff}.nav-menu{display:flex;justify-content:space-between;align-items:center}.nav-item{margin-left:5rem}.nav-link{font-size:1.6rem;font-weight:400;color:#475569}.nav-link:hover{color:#482ff7}.nav-logo{font-size:2.1rem;font-weight:500;color:#fff}@media only screen and (max-width:768px){.nav-menu{position:fixed;left:-100%;top:5rem;flex-direction:column;background-color:#fff;width:100%;border-radius:10px;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05)}.nav-menu.active{left:0;z-index:2}.nav-item{margin:2.5rem 0}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}