#menuToggle{display:block;left:0;position:relative;top:10px;-webkit-user-select:none;user-select:none;z-index:999}#colorb{background:#00000099;float:right;padding:8px 8px 4px;width:40px}#menuToggle input:hover{background:#000000d1}#menuToggle input:hover #menuToggle #colorb span{background:#ff8019}#menuToggle a{color:#fff;font-family:Montserrat,sans-serif;font-size:25px;font-weight:600px;letter-spacing:2px;line-height:40px;text-decoration:none;text-transform:UPPERCASE!important;transition:color .3s ease}#menuToggle a:hover{color:#ff8019}#menuToggle input{-webkit-touch-callout:none;cursor:pointer;display:block;height:40px;opacity:0;position:absolute;right:0;top:-7px;width:40px;z-index:2}#menuToggle #colorb span{background:#ff8019;border-radius:0;display:block;height:2.5px;margin-bottom:4px;position:relative;transform-origin:-8px 3px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:20px;z-index:1}#menuToggle #colorb span:first-child{transform-origin:0 0}#menuToggle #colorb span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~#colorb span{background:#bd6316;opacity:1;transform:rotate(45deg) translate(-20px,-20px)}#menuToggle input:checked~#colorb span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~#colorb span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menuToggle input:checked~#colorb{background:none;transition:all .3s}#menu{-webkit-font-smoothing:antialiased;background:#000000d1;height:1000px;list-style-type:none;margin:-100px 0 0 -1px;padding:150px 50px 50px;position:absolute;transform:translate(100%);transform-origin:0 0;transition:transform .5s cubic-bezier(.77,.2,.05,1);width:100%}#menu li{font-size:22px;padding:10px 0;text-align:center}#menuToggle input:checked~ul{transform:none}