:root{
  --space-0:#010a0f;
  --space-1:#04151e;
  --blue:#0f4c81;
  --green:#0b6b5c;
  --teal:#18a0a0;
  --accent:#4fd6c4;
  --ink:#d7efee;
  --ink-dim:#85b0b2;
  --line:rgba(70,160,170,.28);
  --glass:rgba(3,14,20,.72);
  --field:rgba(1,10,15,.7);
  --tint:rgba(15,90,130,.16);
  --accent-tint:rgba(79,214,196,.12);
  --accent-glow:rgba(79,214,196,.16);
  --glow:rgba(24,160,160,.55);
}
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,var(--space-1),var(--space-0) 75%)}
.cloud{position:absolute;border-radius:50%;filter:blur(110px);opacity:.45}
.c1{width:55vw;height:55vw;left:-15vw;top:-10vw;background:var(--blue);animation:drift 40s ease-in-out infinite alternate}
.c2{width:45vw;height:45vw;right:-12vw;top:20vh;background:var(--green);opacity:.4;animation:drift 55s ease-in-out infinite alternate-reverse}
.c3{width:40vw;height:40vw;left:25vw;bottom:-22vw;background:var(--teal);opacity:.2;animation:drift 48s ease-in-out infinite alternate}
.stars{position:absolute;inset:0;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 22%,#fff,transparent),
    radial-gradient(1px 1px at 38% 70%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 64% 15%,#fff,transparent),
    radial-gradient(1px 1px at 82% 58%,#fff,transparent),
    radial-gradient(1.2px 1.2px at 91% 88%,#fff,transparent),
    radial-gradient(1px 1px at 22% 92%,#fff,transparent);
  background-size:520px 520px;opacity:.5}
@keyframes drift{to{transform:translate3d(6vw,4vh,0) scale(1.12)}}