#menuArea{padding:18px}#menuArea input{display:none}#menuArea .menuOpen{width:40px;height:40px;display:block;cursor:pointer}#menuArea .menuOpen .open{background-color:#3c3c3c;width:100%;height:3px;display:block;border-radius:50px;cursor:pointer;position:relative;top:20px}#menuArea .menuOpen .open:before{content:"";background-color:#3c3c3c;width:100%;height:3px;display:block;border-radius:50px;position:relative;top:-10px;transform:rotate(0deg);transition:all 0.3s ease}#menuArea .menuOpen .open:after{content:"";background-color:#3c3c3c;width:100%;height:3px;display:block;border-radius:50px;position:relative;top:8px;transform:rotate(0deg);transition:all 0.3s ease}#menuArea .menu{position:fixed;width:100%;height:100%;top:0;left:0;background:#f26522}.menu label{width:30px;height:30px;position:absolute;right:20px;top:20px;background-size:100%;cursor:pointer}.menu .menuContent{position:relative;top:50%;font-size:54px;text-align:center;padding-bottom:20px;margin-top:-170px}.menu ul{list-style:none;padding:0;margin:0 auto}.menu ul li a{display:block;color:#fff;text-decoration:none;transition:color 0.2s;font-family:Trebuchet MS;text-transform:uppercase;padding:10px 0}.menu ul li a:hover{color:#000}.menu ul li:hover{background:#fff}.menuEffects{opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;width:100%}.menuEffects ul{transform:translateY(0%);transition:all 0.2s}#menuToggle:checked~.menuEffects{opacity:1;visibility:visible;transition:opacity 0.2s}#menuToggle:checked~.menuEffects ul{opacity:1}#menuToggle:checked~.menuOpen .open{background-color:transparent}#menuToggle:checked~.menuOpen .open:before{content:"";background-color:#fff;transform:rotate(45deg);position:absolute;top:0;right:0;z-index:1}#menuToggle:checked~.menuOpen .open:after{content:"";background-color:#fff;transform:rotate(-45deg);position:relative;top:0;right:0;z-index:1}#menuToggle:not(:checked)~.menuEffects ul{transform:translateY(-30%)}