#check_box{display:none}#check_box+label>span{position:absolute;display:block;width:100%;height:2px;background:#000;border-radius:5px;transition:all .3s}#check_box:checked+label>span:first-child{top:50%;transform:translateY(-50%);transform:rotate(45deg)}#check_box+label>span:nth-child(2){top:50%;transform:translateY(-50%)}#check_box:checked+label>span:nth-child(2){opacity:0}#check_box+label>span:nth-child(3){bottom:0}#check_box:checked+label>span:nth-child(3){top:50%;transform:translateY(-50%);transform:rotate(-45deg)}#check_box+label{position:relative;display:block;width:30px;height:20px;cursor:pointer;z-index:2}#side_menu{position:fixed;width:100vw;height:100%;background:#fff;right:-150%;transition:all .3s;z-index:1;top:0;padding:30px;box-sizing:border-box}#check_box:checked+label+#side_menu{right:0}