#switch{display:none}@keyframes flicker{0%{opacity:.852899}5%{opacity:.519579}10%{opacity:.87889}15%{opacity:.460666}20%{opacity:.402051}25%{opacity:.0234046}30%{opacity:.572779}35%{opacity:.655936}40%{opacity:.518248}45%{opacity:.0326494}50%{opacity:.934958}55%{opacity:.425473}60%{opacity:.469082}65%{opacity:.95326}70%{opacity:.379951}75%{opacity:.976692}80%{opacity:.974782}85%{opacity:.321136}90%{opacity:.479506}95%{opacity:.688767}to{opacity:.764962}}.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}
