html,body,#root{height:100%}body{margin:0;font-family:Courier New,Courier,monospace;line-height:1;background-color:#000;color:#fff;font-size:10px;letter-spacing:2px}#root{position:relative;display:flex;flex-direction:column}#container{position:relative;overflow:hidden;width:100%;height:100%;display:flex}#ascii{position:absolute;top:50%;left:50%;white-space:nowrap;transform:translate(-50%,-50%);min-height:100vh;min-width:100vw}#hidden{position:absolute;top:0;left:0;visibility:hidden;height:1px;width:1px}#video{width:100%}#previews{display:flex;width:100%}#previews canvas{width:100%}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}#container:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(18,16,16,.1);opacity:0;z-index:2;pointer-events:none;animation:flicker .15s infinite}#container:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));z-index:2;background-size:100% 4px,6px 100%;pointer-events:none}#ascii{filter:drop-shadow(2.6208764473832513px 0 1px rgba(0,30,255,.5)) drop-shadow(-2.6208764473832513px 0 1px rgba(255,0,80,.3)) drop-shadow(0 0 3px)}