html{overflow:hidden}body,html{height:100%;margin:auto;vertical-align:middle}body{background:#b4a0c8;color:#fff;text-align:center}a{color:inherit}h1,h2,h3,h4{margin:10px 0}h1{font-size:3em}#screen{background:#503392;box-shadow:0 0 20px 5px #cac5df,inset 0 0 10px 5px #2b1857;border-radius:60px;background-clip:padding-box;width:90%;height:90%;vertical-align:middle;margin:20px auto}.menu{filter:url(#shadowed-goo)}.menu-item,.menu-open-button{background:#afcadb;border-radius:100%;width:80px;height:80px;margin-left:-40px;position:absolute;top:20px;color:#fff;text-align:center;line-height:80px;transform:translateZ(0);transition:transform .2s ease-out}.menu-open{display:none}.hamburger{width:25px;height:3px;background:#fff;display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;transition:transform .2s}.hamburger-1{transform:translate3d(0,-8px,0)}.hamburger-2{transform:translateZ(0)}.hamburger-3{transform:translate3d(0,8px,0)}.menu-open:checked+.menu-open-button .hamburger-1{transform:translateZ(0) rotate(45deg)}.menu-open:checked+.menu-open-button .hamburger-2{transform:translateZ(0) scaleX(.1)}.menu-open:checked+.menu-open-button .hamburger-3{transform:translateZ(0) rotate(-45deg)}.menu{position:absolute;left:50%;margin-left:-190px;padding-top:20px;padding-left:190px;width:380px;height:250px;box-sizing:border-box;font-size:20px;text-align:left}.menu-item:hover{background:#fff;color:#afcadb}.menu-item:nth-child(3){transition-duration:.13s}.menu-item:nth-child(4){transition-duration:.25s}.menu-item:nth-child(5){transition-duration:.37s}.menu-item:nth-child(6){transition-duration:.49s}.menu-item:nth-child(7){transition-duration:.61s}.menu-item:nth-child(8){transition-duration:.73s}.menu-open-button{z-index:2;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.4s;transform:scale(1.1) translateZ(0);cursor:pointer}.menu-open-button:hover{transform:scale(1.2) translateZ(0)}.menu-open:checked+.menu-open-button{transition-timing-function:linear;transition-duration:.2s;transform:scale(.8) translateZ(0)}.menu-open:checked~.menu-item{transition-timing-function:cubic-bezier(.935,0,.34,1.33)}.menu-open:checked~.menu-item:nth-child(3){transition-duration:.24s;transform:translate3d(129.35054px,12.97834px,0)}.menu-open:checked~.menu-item:nth-child(4){transition-duration:.4s;transform:translate3d(100.42728px,82.54914px,0)}.menu-open:checked~.menu-item:nth-child(5){transition-duration:.56s;transform:translate3d(37.77085px,124.39197px,0)}.menu-open:checked~.menu-item:nth-child(6){transition-duration:.72s;transform:translate3d(-37.57268px,124.45197px,0)}.menu-open:checked~.menu-item:nth-child(7){transition-duration:.88s;transform:translate3d(-100.29568px,82.70899px,0)}.menu-open:checked~.menu-item:nth-child(8){transition-duration:1.04s;transform:translate3d(-129.32971px,13.18434px,0)}#svg{display:none;height:0;width:0}.scanlines{position:relative;overflow:hidden}.scanlines:after,.scanlines:before{display:block;pointer-events:none;content:"";position:absolute}.scanlines:before{width:100%;height:6px;z-index:2147483649;background:rgba(0,0,0,.2);opacity:.75;animation:scanline 8s linear infinite}.scanlines:after{top:0;right:0;bottom:0;left:0;z-index:2147483648;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.2) 51%);background-size:100% 12px;animation:scanlines 6s steps(360) infinite}@keyframes scanline{0%{transform:translate3d(0,200000%,0)}}@keyframes scanlines{0%{background-position:0 50%}}