.burger:after,.burger:before{content:"";background-color:#0a0a0a;width:60%;height:1px;transition:transform .25s;position:absolute;left:20%}.burger:before{top:-5px}.burger:after{top:5px}.burgerActive:before{top:0;transform:rotate(45deg)}.burgerActive:after{top:0;transform:rotate(-45deg)}.nav-menu{color:#fff;z-index:102;background-color:#1c444b;width:480px;height:100vh;position:fixed;top:0;right:0}.nav-body{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:100px 40px 40px;display:flex}.nav-links{flex-direction:column;gap:12px;margin-top:80px;display:flex}.nav-link{cursor:pointer;align-items:center;padding:12px 0;display:flex;position:relative}.nav-link a{color:#fff;font-size:56px;font-weight:300;line-height:1;text-decoration:none;transition:color .3s}.nav-link:hover a{color:#44a7a8}.nav-indicator{background-color:#44a7a8;border-radius:50%;width:8px;height:8px;position:absolute;left:-30px}.nav-curve{fill:#292929;stroke:none;width:100px;height:100%;position:absolute;top:0;left:-99px}.nav-footer{flex-direction:column;gap:40px;margin-bottom:40px;display:flex}.nav-footer-link{color:#fff;font-size:14px;font-weight:300;text-decoration:none;transition:color .3s}.nav-footer-link:hover{color:#44a7a8}@media (max-width:768px){.header{padding:0 20px;top:20px}.nav{display:none}.nav-menu{width:100vw}.nav-body{padding:80px 20px 40px}.nav-link a{font-size:42px}.nav-curve{display:none}.headerButtonContainer{top:20px;right:20px}.headerButton{width:60px;height:60px}}