#switch{display:none}@keyframes flicker{0%{opacity:.617788}5%{opacity:.548357}10%{opacity:.456941}15%{opacity:.530949}20%{opacity:.769049}25%{opacity:.75283}30%{opacity:.756582}35%{opacity:.446503}40%{opacity:.235161}45%{opacity:.333232}50%{opacity:.716711}55%{opacity:.600007}60%{opacity:.961471}65%{opacity:.326025}70%{opacity:.717297}75%{opacity:.689659}80%{opacity:.615301}85%{opacity:.463035}90%{opacity:.505972}95%{opacity:.073429}to{opacity:.516852}}.crt-container{background:#121010;width:100vw;height:100vh;position:relative;overflow:hidden}.crt-container:after{content:" ";opacity:0;z-index:2;pointer-events:none;background:#12101005;display:block;position:absolute;inset:0}.crt-container:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 2px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;display:block;position:absolute;inset:0}#switch:checked~.crt-container:after{animation:.15s infinite flicker}@keyframes turn-on{0%{filter:brightness(30);opacity:1;transform:scaleY(.8)translate(0,0)}3.5%{transform:scaleY(.8)translateY(100%)}3.6%{opacity:1;transform:scaleY(.8)translateY(-100%)}9%{filter:brightness(30);opacity:0;transform:scale(1.3,.6)translateY(100%)}11%{filter:contrast(0)brightness(0);opacity:0;transform:scale(1)translate(0,0)}to{filter:contrast()brightness(1.2)saturate(1.3);opacity:1;transform:scale(1)translate(0,0)}}@keyframes turn-off{0%{filter:brightness();opacity:1;transform:scaleY(1.3)translate(0,0)}60%{filter:brightness(10);transform:scale(1.3,.001)translate(0,0)}to{filter:brightness(50);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(0,.0001)translate(0,0)}}.screen{border:none;width:100%;height:100%}#switch~.crt-container .screen{animation:.55s cubic-bezier(.23,1,.32,1) forwards turn-off}#switch:checked~.crt-container .screen{animation:4s linear forwards turn-on}@keyframes overlay-anim{0%{visibility:hidden}20%{visibility:hidden}21%{visibility:visible}to{visibility:hidden}}.overlay{color:#0f0;visibility:hidden;pointer-events:none;font-size:60px;position:absolute;top:20px;left:20px}#switch:checked~.crt-container .overlay{animation:5s linear forwards overlay-anim}.crt-container.no-crt{background:0 0}.crt-container.no-crt:before,.crt-container.no-crt:after{display:none}#switch~.crt-container.no-crt .screen,#switch:checked~.crt-container.no-crt .screen{opacity:1;filter:none;animation:none;transform:none}#switch:checked~.crt-container.no-crt:after,#switch:checked~.crt-container.no-crt .overlay{animation:none}
