/* copyright Razvan Malciu - razvan.malciu@gmail.com */
/* Tema: Constellation. Negru de cer cu stele rare si accent cyan; doua orbite fine trec incet prin colturile paginii. */
:root { --t-bg: #02060c; --t-surf: #08111c; --t-surf2: #0c1826; --t-line: #1a3550; --t-deep: #01040a; --t-accent: #6fe0ff; --t-accent-ink: #011a24; }
body::before { background-image: radial-gradient(1px 1px at 12% 22%, rgba(220, 240, 255, .5), transparent), radial-gradient(1px 1px at 68% 14%, rgba(220, 240, 255, .4), transparent), radial-gradient(1px 1px at 84% 62%, rgba(220, 240, 255, .35), transparent), radial-gradient(1px 1px at 33% 78%, rgba(220, 240, 255, .35), transparent), radial-gradient(ellipse 60% 40% at 80% 10%, rgba(111, 224, 255, .06), transparent 70%); }
html::before, html::after { content: ""; position: fixed; z-index: 90; pointer-events: none; border-radius: 50%; border: 1px solid rgba(111, 224, 255, .14); }
html::before { width: 140vmax; height: 46vmax; left: -60vmax; top: -30vmax; transform: rotate(-18deg); }
html::after { width: 120vmax; height: 38vmax; right: -70vmax; bottom: -28vmax; transform: rotate(14deg); border-color: rgba(255, 184, 72, .12); }
@media (prefers-reduced-motion: no-preference) {
    html::before { animation: ap-orbit-a 60s linear infinite; }
    html::after { animation: ap-orbit-b 90s linear infinite; }
}
@keyframes ap-orbit-a { from { transform: rotate(-18deg); } to { transform: rotate(342deg); } }
@keyframes ap-orbit-b { from { transform: rotate(14deg); } to { transform: rotate(-346deg); } }