body{background:#111;margin:0;color:#fff}#switch{display:none}.switch-label{display:inline-block;cursor:pointer;background:#fff;color:#111;padding:10px 15px;border-radius:5px;margin-top:10px;box-shadow:0 2px #666}.switch-label:after{content:" on"}.switch-label:before{content:" ";display:inline-block;border-radius:100%;width:10px;height:10px;background:#003321;margin-right:10px;border:1px solid #111}.switch-label:active{box-shadow:none;transform:translate3d(0,2px,0)}#switch:checked+.switch-label:before{background:#2f5}#switch:checked+.switch-label:after{content:" off"}@keyframes flicker{0%{opacity:.66691}5%{opacity:.1213}10%{opacity:.69848}15%{opacity:.19213}20%{opacity:.28223}25%{opacity:.55035}30%{opacity:.52424}35%{opacity:.23275}40%{opacity:.26699}45%{opacity:.75652}50%{opacity:.96281}55%{opacity:.83895}60%{opacity:.36249}65%{opacity:.08953}70%{opacity:.00118}75%{opacity:.10293}80%{opacity:.40286}85%{opacity:.37058}90%{opacity:.58413}95%{opacity:.45082}to{opacity:.24961}}.container{background:#121010;width:100dvw;height:100dvh;position:relative;overflow:hidden}.container:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none}.container:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}#switch:checked~.container:after{animation:flicker .15s infinite}@keyframes turn-on{0%{transform:scaleY(.8) translateZ(0);-webkit-filter:brightness(30);filter:brightness(30);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);-webkit-filter:brightness(30);filter:brightness(30);opacity:0}11%{transform:scale(1) translateZ(0);-webkit-filter:contrast(0) brightness(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);-webkit-filter:contrast(1) brightness(1.2) saturate(1.3);filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1}}@keyframes turn-off{0%{transform:scaleY(1.3) translateZ(0);-webkit-filter:brightness(1);filter:brightness(1);opacity:1}60%{transform:scale(1.3,.001) translateZ(0);-webkit-filter:brightness(10);filter:brightness(10)}to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(0,.0001) translateZ(0);-webkit-filter:brightness(50);filter:brightness(50)}}.screen{background-color:gray;width:100%;height:100%;border:none}#switch~.container>.screen{animation:turn-off .55s cubic-bezier(.23,1,.32,1);animation-fill-mode:forwards}#switch:checked~.container>.screen{animation:turn-on 4s linear;animation-fill-mode:forwards}@keyframes overlay-anim{0%{visibility:hidden}20%{visibility:hidden}21%{visibility:visible}to{visibility:hidden}}.overlay{color:#0f0;position:absolute;top:20px;left:20px;font-size:60px;visibility:hidden;pointer-events:none}#switch:checked~.container .overlay{animation:overlay-anim 5s linear;animation-fill-mode:forwards}