body{text-transform:uppercase;background-color:#000;font-family:monospace;letter-spacing:.2em;font-size:11px;color:#fff;margin:0}body::-webkit-scrollbar{display:none}body .container{min-height:500vh}body .container>*{transition:opacity .4s}body .container:not(.ready)>*{opacity:0}body .canvas-wrap{overflow:hidden;position:fixed;z-index:5;bottom:0;right:0;left:0;top:0}body .label{position:fixed;bottom:0;right:0;left:0;text-align:center;padding:20px}body .blink{animation:blink 1.4s infinite}body .scroll-progress{border-right:4px solid #fff;border-left:4px solid #fff;background-color:#f1f1f1;pointer-events:none;position:fixed;right:0;left:0;top:0}body input{position:fixed;width:300px;margin:auto;bottom:50px;right:0;left:0}.noise-bg{content:"";display:block;position:fixed;z-index:6;bottom:0;right:0;left:0;top:0;background:url(/noise.gif) 0% 0%/100px 100px repeat;background-size:350px;opacity:.08;pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}@keyframes blink{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}video{width:300px;height:auto}