#switch{display:none}@keyframes flicker{0%{opacity:.569425}5%{opacity:.605339}10%{opacity:.164757}15%{opacity:.750494}20%{opacity:.192568}25%{opacity:.977523}30%{opacity:.532725}35%{opacity:.299874}40%{opacity:.36769}45%{opacity:.819511}50%{opacity:.390625}55%{opacity:.603555}60%{opacity:.705215}65%{opacity:.250258}70%{opacity:.325214}75%{opacity:.708678}80%{opacity:.789703}85%{opacity:.0187206}90%{opacity:.715508}95%{opacity:.0298532}to{opacity:.384467}}.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}
