html,
body {
    margin: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #140b25;
}

body {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
}

#background {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    background-image: radial-gradient(
        ellipse at center,
        gold 0%,
        silver 10%,
        orange 20%,
        red 30%,
        purple 40%,
        yellow 50%,
        purple 60%,
        red 70%,
        orange 80%,
        silver 90%,
        gold 100%
    );
    background-size: 140% 140%;
    background-position: center;
    background-repeat: no-repeat;
    animation: breathe 4s ease-in-out infinite alternate;
}

@keyframes breathe {
    from {
        transform: scale(1);
        filter: saturate(0.9) brightness(0.9);
    }

    to {
        transform: scale(1.12);
        filter: saturate(1.2) brightness(1.08);
    }
}