#menuToggle{margin:50px 0 0 -40px;display:block;position:relative;top:-50px;left:100%;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color 0.3s ease}#menuToggle a:hover{transition:.3s;color:#533483;font-weight:600}#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:50px;height:6px;margin-bottom:8px;position:relative;background:#fff;box-shadow:0 4px rgba(145,105,255,.3);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)}#menu{position:absolute;width:300px;margin:-100px 0 0 -150px;padding:100px;padding-top:125px;background:#fff;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);border-radius:0 0 0 10em;box-shadow:-4px 4px rgba(145,105,255,.3)}#menu li{padding:10px 0;margin-left:-80px;font-size:22px}#menuToggle input:checked~ul{transform:none}@media(min-width:1050px){#menuToggle{margin-top:10px}}