*{margin:0;padding:0}li,ul{list-style:none}header{height:44px;padding:0 18px}.box,header{background:#000}.box{width:100px;height:100px}#toggle:checked+label .box{background:#0ff}#toggle{display:none}.hamburger-container{position:relative;top:16px;height:20px;width:20px}.hamburger-container span{position:relative;top:0;display:block;height:1px;background:#fff;transition:transform .3s ease-in-out,top .3s ease-in-out .3s}.hamburger-container span:nth-child(2){margin-top:7px}#toggle:checked+label .hamburger-container span:first-child{transform:rotate(45deg);top:4px;transition:top .3s ease-in-out,transform .3s ease-in-out .3s}#toggle:checked+label .hamburger-container span:nth-child(2){transform:rotate(-45deg);top:-4px;transition:top .3s ease-in-out,transform .3s ease-in-out .3s}.nav-items{position:absolute;top:44px;left:0;width:100%;height:100vh;background:rgba(0,0,0,.82);transform:scaleY(0);transition:transform .3s ease-in-out .3s,opacity .3s ease-in-out .3s;transform-origin:50% 0;opacity:0}#toggle:checked~.nav-items{transform:scaleY(1);opacity:1}ul li{color:#eee}
/*# sourceMappingURL=src.645bc1b2.css.map */