html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background-color:#090a0f;background-image:radial-gradient(circle at 50% 45%,#1e24348c,#07080cfa 75%);display:flex;align-items:center;justify-content:center;position:relative;min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;top:-100px;left:-100px;width:calc(100vw + 200px);height:calc(100vh + 200px);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.055;pointer-events:none;z-index:0;will-change:transform;animation:staticFlicker .22s steps(6) infinite}@keyframes staticFlicker{0%{transform:translate(0)}16.6%{transform:translate(-30px,20px)}33.3%{transform:translate(25px,-35px)}50%{transform:translate(-20px,-20px)}66.6%{transform:translate(35px,15px)}83.3%{transform:translate(-15px,30px)}to{transform:translate(0)}}