/* ========================================================================== ECLIPSEMC — 02. SFONDO SPAZIALE (stelle animate via JS) Carica come Asset CSS: eclipsemc-02-background.css ========================================================================== */ html, body{ background: radial-gradient(ellipse at top, #150c26 0%, #07050d 55%, #050308 100%) !important; min-height: 100%; position: relative; } /* rimuove l'immagine hero di default del tema */ body::before{ content: none !important; background: none !important; } /* contenitore stelle: iniettato come primo figlio di */ #stars{ position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .star{ position: absolute; background: #fff; border-radius: 50%; opacity: .6; animation: eclipse-twinkle 4s infinite ease-in-out; } @keyframes eclipse-twinkle{ 0%,100%{ opacity:.15; } 50%{ opacity:.9; } } .streak{ position: absolute; width: 120px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent); transform: rotate(-35deg); opacity: .5; } /* tutto il contenuto reale del sito deve stare SOPRA le stelle */ .site{ position: relative; z-index: 1; }