#menuToggle{display:block;position:relative;top:150px;left:36px;z-index:30;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#333}#menuToggle li{padding:.5em 0 .5em .5em;font-size:37px;margin:.2em 0;background:none;border-radius:5px;transition:background 0.3s ease,color 0.3s ease}#menuToggle li:hover{background:#7057b3;color:#fdfdfd}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#BBB;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform 0.5s cubic-bezier(.77,.2,.05,1),background 0.5s cubic-bezier(.77,.2,.05,1),opacity 0.55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menuMobile{position:absolute;width:425px;margin:-62px 0 0 -50px;padding:100px 50px 50px 75px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%,0);transition:transform 0.5s cubic-bezier(.77,.2,.05,1);box-shadow:2px 2px 5px 0 #222}#menuToggle input:checked~ul{transform:none}