.drawer{display:block;position:absolute;bottom:5%;right:5%}.drawer-hidden{display:none}.drawer-open{display:flex;height:3rem;width:3rem;justify-content:center;align-items:center;position:relative;z-index:200;cursor:pointer}.drawer-open span,.drawer-open span:after,.drawer-open span:before{content:'';display:block;height:3px;width:25px;border-radius:3px;background:#333;transition:.5s;position:absolute}.drawer-open span:before{bottom:8px}.drawer-open span:after{top:8px}#drawer-check:checked~.drawer-open span{background:rgba(255,255,255,0)}#drawer-check:checked~.drawer-open span::before{bottom:0;transform:rotate(45deg)}#drawer-check:checked~.drawer-open span::after{top:0;transform:rotate(-45deg)}.drawer-content{width:74%;height:100%;position:fixed;top:0;left:100%;z-index:100;background:#00479d;transition:.5s}.drawer-content ul{padding:70px 10px 0}.drawer-content ul li{border-bottom:solid 1px #fff;list-style:none}.drawer-content ul li a{display:block;width:100%;font-size:15px;box-sizing:border-box;color:#fff;text-decoration:none;padding:9px 15px 10px 0;position:relative}.drawer-content ul li a::before{content:"";width:7px;height:7px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);position:absolute;right:11px;top:16px}#drawer-check:checked~.drawer-content{left:0}.drawer-close{width:100%;height:100%;background:#d1d1d1;position:fixed;top:0;left:100%;z-index:99;transition:.5s}#drawer-check:checked~.drawer-close{left:0}