#gasses{flex-wrap:wrap;justify-content:center;display:flex}#gasses>*{margin:2rem}.gas{--blur:1.75rem;--box-blur:calc(.5*var(--blur));--glow:var(--color);box-shadow:inset 0 0 0 2px #00000026,0 0 0 2px #00000026,inset 0 0 var(--box-blur)var(--glow),0 0 var(--box-blur)var(--glow);color:var(--color,white);background-color:#00ff002f;border:2px solid;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;font-family:system-ui,sans-serif;display:flex}.gas .number{font-weight:700}.gas .symbol{text-shadow:0 0 var(--blur)var(--glow);font-family:Neon Glow;font-size:4rem}.gas.he{--color:#baffa5;filter:saturate(135%);background-color:#00ff002f}.gas.pu{--color:#d9abff;filter:saturate(175%);background-color:#ff00ff2d}.gas.ne{--color:#fda802;filter:brightness(110%)}.gas.ar{--color:#e555c7;filter:brightness(125%)}.gas.kr{--color:#b7e7f7;filter:saturate(200%)}.gas.xe{--color:#c4c4c6;filter:brightness(155%);background-color:#fff3}.gas-circle{--blur:1.75rem;--box-blur:calc(.5*var(--blur));--glow:var(--color);box-shadow:inset 0 0 0 2px #00000026,0 0 0 2px #00000026,inset 0 0 var(--box-blur)var(--glow),0 0 var(--box-blur)var(--glow);color:var(--color,white);background-color:#00ff002f;border:2px solid;border-radius:100px;flex-direction:column;justify-content:space-around;align-items:center;font-family:system-ui,sans-serif;display:flex}.gas-circle>*{margin:0;padding:0}.gas-circle .number{font-weight:700}.gas-circle .symbol{text-shadow:0 0 var(--blur)var(--glow);font-family:Neon Glow;font-size:4rem}.gas-circle.he{--color:#baffa5;filter:saturate(175%)}.gas-circle.ne{--color:#fda802;filter:brightness(110%)}.gas-circle.ar{--color:#e555c7;filter:brightness(125%)}.gas-circle.kr{--color:#b7e7f7;filter:saturate(200%)}.gas-circle.xe{--color:#c4c4c6;filter:brightness(105%)}.title{justify-content:center;align-items:center;font-family:Barlow,sans-serif;display:flex;overflow:hidden}.glitch{color:#fff;position:relative}.line{-webkit-user-select:none;user-select:none}.line:not(:first-child){position:absolute;top:0;left:0}.line:first-child{animation:3s linear -590ms infinite clip,.5s linear -540ms infinite glitch1}@keyframes glitch1{80%{transform:translate(0)}90%{transform:translate(-4px)}to{transform:translate(0)}}.line:nth-child(2){animation:3s linear -1180ms infinite clip,.5s linear -70ms infinite glitch2}@keyframes glitch2{80%{transform:translate(0)}90%{transform:translate(4px)}to{transform:translate(0)}}.line:nth-child(3){animation:3s linear -1770ms infinite clip,.5s linear -197ms infinite glitch3}@keyframes glitch3{80%{transform:translate(0)}90%{transform:translate(4px)}to{transform:translate(0)}}.line:nth-child(4){animation:3s linear -2360ms infinite clip,.5s linear -848ms infinite glitch4}@keyframes glitch4{80%{transform:translate(0)}90%{transform:translate(3px)}to{transform:translate(0)}}.line:nth-child(5){animation:3s linear -2950ms infinite clip,.5s linear -209ms infinite glitch5}@keyframes glitch5{80%{transform:translate(0)}90%{transform:translate(5px)}to{transform:translate(0)}}.line:nth-child(6){animation:3s linear -3540ms infinite clip,.5s linear -74ms infinite glitch6}@keyframes glitch6{80%{transform:translate(0)}90%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes clip{0%{clip-path:polygon(0 95%,100% 95%,100% 120%,0 120%)}to{clip-path:polygon(0 -25%,100% -25%,100% 0%,0 0)}}