body {
    margin: 0;
    min-height: 100vh;
    background-image: linear-gradient(180deg, rgb(0% 0% 0%) 0%, rgb(0.001% 0% 0.005%) 6.25%, rgb(0.005% 0.004% 0.04%) 12.5%, rgb(0.016% 0.013% 0.134%) 18.75%, rgb(0.037% 0.031% 0.319%) 25%, rgb(0.072% 0.06% 0.622%) 31.25%, rgb(0.124% 0.103% 1.075%) 37.5%, rgb(0.197% 0.164% 1.708%) 43.75%, rgb(0.294% 0.245% 2.549%) 50%, rgb(0.419% 0.349% 3.629%) 56.25%, rgb(0.574% 0.479% 4.979%) 62.5%, rgb(0.765% 0.637% 6.626%) 68.75%, rgb(0.993% 0.827% 8.603%) 75%, rgb(1.262% 1.052% 10.938%) 81.25%, rgb(1.576% 1.314% 13.661%) 87.5%, rgb(1.939% 1.616% 16.803%) 93.75%, rgb(2.353% 1.961% 20.392%) 100% )
}

#stars {
    position: fixed;
    inset: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
    z-index: 0;
}

#earth {
    --camera-z: 3;
    --earth-y: -1.5;

    position: absolute;
    inset: 0;

    width: 100vw;
    height: 100vh;

    z-index: 1;
}

#earth canvas {
    display: block;
    width: 100%;
    height: 100%;
}

main {
    position: relative;
    min-height: 100vh;
    color: white;
}