.hamburger{margin:0;padding:0;font-family:Helvetica,sans-serif;background-color:#000;color:#fff}#menuToggle{display:block;position:fixed;top:5%;z-index:97;-webkit-user-select:none;user-select:none;left:2%}#menuToggle a{text-decoration:none;color:#000;transition:color .3s ease}#menuToggle a:hover{color:#0f0}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:99;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;border-radius:0;z-index:98;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease;background-color:#000}#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-color:#000}#menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menu{position:absolute;width:600px;padding-top:125px;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%,0);transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);margin-top:-100px;margin-right:0;margin-bottom:0;margin-left:-50px;padding-right:50px;padding-bottom:50px;padding-left:50px;background-color:#ffddda}#menu li{padding:10px 0;font-size:18pt;line-height:10pt;font-family:Helvetica,Arial,sans-serif;background-color:#ffddda}#menuToggle input:checked ~ ul{transform:none}