*{margin:0;padding:0}.burger-line{position:relative}.burger-line:before{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid black;opacity:0;transition:opacity .3s ease}.wrapper{top:0;left:0;width:100%}.burger-menu{position:relative;width:30px;height:30px;color:#000;font-weight:700;text-transform:uppercase;z-index:50}.burger-click-region{position:absolute;width:40px;height:30px;cursor:pointer}.burger-menu-piece{display:block;position:relative;width:30px;border-top:.2rem black solid;transform-origin:50% 50%;margin-top:6px}.sidebar{margin-top:75px;display:none;height:100%;top:0;right:0}.sidemenu>li{font-family:sans-serif;list-style-type:none;margin-bottom:20px;text-align:left;cursor:pointer;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;min-width:100%}.sidetext{opacity:1;color:#39ff14}.burger-arrow{position:absolute;right:-12px;top:-5px;width:0;height:0;rotate:-90deg;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid black;opacity:0;transition:opacity .3s ease;transform:translateY(-50%)}