.navbar{display:none;width:100%}@media (max-width:570px){.navbar{display:block}}.nav-container{align-items:center;display:flex;height:62px;justify-content:space-between}.navbar .nav-container li{list-style:none}.navbar .nav-container a{font-size:1.2rem;font-weight:500;padding:.7rem;text-decoration:none}.navbar .nav-container a:hover{font-weight:bolder}.nav-container{display:block;height:60px;position:relative}.nav-container .checkbox{cursor:pointer;display:block;height:32px;opacity:0;position:absolute;right:0;top:16px;width:32px;z-index:5}.nav-container .hamburger-lines{display:block;display:flex;flex-direction:column;height:26px;justify-content:space-between;position:absolute;right:0;top:17px;width:32px;z-index:2}.nav-container .hamburger-lines .line{background:#fff;border-radius:10px;display:block;height:4px;width:100%}.nav-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}.nav-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.nav-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}.navbar .menu-items{background:#000;box-shadow:inset 0 0 2000px #ffffff80;display:flex;flex-direction:column;height:100vh;margin-left:-40px;padding-left:50px;padding-top:120px;text-align:center;transform:translate(-150%);transition:transform .5s ease-in-out;width:100%}.navbar .menu-items li{font-size:1.5rem;font-weight:500;margin-bottom:1.2rem}.menu-items a{color:#fff;font-family:Satoshi,sans-serif}@media (max-width:570px){.logo{color:#0e2431;font-size:1.2rem;left:0;position:absolute;top:5px}}.nav-container input[type=checkbox]:checked~.menu-items{transform:translate(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}.nav-container input[type=checkbox]:checked~.logo{display:none}