:root{--white:#f1f1f1 }html{height:-webkit-fill-available}body{margin:0;font-family:"IBM Plex Mono",sans-serif;font-size:16px;color:var(--white);letter-spacing:.7em;background-color:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:-webkit-fill-available}div>span{opacity:.15}.I{opacity:1;animation:flickerI 2s linear reverse infinite}.I:after{content:"";width:150%;box-shadow:-18px 0 60px 8px #fff}.L,.G{animation:flickerLG 2s linear reverse infinite;position:relative}.L:after,.L:before{content:" ";width:100px;height:100px;background:var(--white);position:absolute;top:-50%;left:100%;border-radius:100%;opacity:.05;filter:blur(10px)}.L:after{width:200px;height:200px;top:-150%;left:-5%;opacity:.1;filter:blur(10px)}.H{animation:flickerH 2s linear reverse infinite}.T{animation:flickerH 2s linear reverse infinite}@keyframes flickerI{0%{opacity:.4}5%{opacity:.5}10%{opacity:.6}15%{opacity:.85}25%{opacity:.5}30%{opacity:1}35%{opacity:.1}40%{opacity:.25}45%{opacity:.5}60%{opacity:1}70%{opacity:.85}80%{opacity:.4}90%{opacity:.5}to{opacity:1}}@keyframes flickerLG{0%{opacity:.19}5%{opacity:.2}10%{opacity:.25}15%{opacity:.35}25%{opacity:.2}30%{opacity:.4}35%{opacity:.1}40%{opacity:.25}45%{opacity:.2}60%{opacity:.4}70%{opacity:.35}80%{opacity:.4}90%{opacity:.2}to{opacity:.4}}@keyframes flickerH{0%{opacity:.15}5%{opacity:.2}10%{opacity:.12}15%{opacity:.2}25%{opacity:.15}30%{opacity:.4}35%{opacity:.05}40%{opacity:.12}45%{opacity:.15}60%{opacity:.3}70%{opacity:.2}80%{opacity:.3}90%{opacity:.18}to{opacity:.3}}@keyframes flickerT{0%{opacity:.01}5%{opacity:.05}10%{opacity:.03}15%{opacity:.1}25%{opacity:.07}30%{opacity:.1}35%{opacity:.05}40%{opacity:.06}45%{opacity:.1}60%{opacity:0}70%{opacity:.1}80%{opacity:0}90%{opacity:0}to{opacity:.1}}