.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: var(--color-background);
    overflow: hidden;
    z-index: -1;
}

.background span {
    width: 50vmin;
    height: 50vmin;
    border-radius: 50vmin;
    backface-visibility: hidden;
    position: absolute;
}


.background span:nth-child(0) {
    color: var(--color-background-circle-1);
    top: 24%;
    left: 78%;
    box-shadow: -100vmin 0 12.696365746353525vmin currentColor;
}
.background span:nth-child(1) {
    color: var(--color-background-circle-1);
    top: 11%;
    left: 88%;
    box-shadow: -100vmin 0 13.27203956036225vmin currentColor;
}
.background span:nth-child(2) {
    color: var(--color-background-circle-2);
    top: 81%;
    left: 49%;
    box-shadow: -100vmin 0 13.289260651732672vmin currentColor;
}
.background span:nth-child(3) {
    color: var(--color-background-circle-2);
    top: 20%;
    left: 50%;
    box-shadow: 100vmin 0 12.612653430605917vmin currentColor;
}
.background span:nth-child(4) {
    color: var(--color-background-circle-2);
    top: 38%;
    left: 39%;
    box-shadow: -100vmin 0 12.642963867162583vmin currentColor;
}
.background span:nth-child(5) {
    color: var(--color-background-circle-2);
    top: 100%;
    left: 24%;
    box-shadow: 100vmin 0 13.08639663583975vmin currentColor;
}
.background span:nth-child(6) {
    color: var(--color-background-circle-2);
    top: 98%;
    left: 14%;
    box-shadow: -100vmin 0 13.157912061437546vmin currentColor;
}
.background span:nth-child(7) {
    color: var(--color-background-circle-2);
    top: 74%;
    left: 57%;
    box-shadow: -100vmin 0 13.001463149664302vmin currentColor;
}
.background span:nth-child(8) {
    color: var(--color-background-circle-1);
    top: 43%;
    left: 81%;
    box-shadow: -100vmin 0 12.542510381749358vmin currentColor;
}
.background span:nth-child(9) {
    color: var(--color-background-circle-1);
    top: 57%;
    left: 78%;
    box-shadow: -100vmin 0 13.411214596976349vmin currentColor;
}
.background span:nth-child(10) {
    color: var(--color-background-circle-1);
    top: 77%;
    left: 34%;
    box-shadow: -100vmin 0 12.874160513476662vmin currentColor;
}
.background span:nth-child(11) {
    color: var(--color-background-circle-2);
    top: 98%;
    left: 57%;
    box-shadow: -100vmin 0 13.463536488786044vmin currentColor;
}
.background span:nth-child(12) {
    color: var(--color-background-circle-1);
    top: 43%;
    left: 28%;
    box-shadow: 100vmin 0 12.812943846519998vmin currentColor;
}

.background #sticky {
    top: -25vmin;
    left: 75vmin;
    color: var(--color-background-circle-sticky);
    width: 50vmin;
    height: 50vmin;
    border-radius: 50vmin;
    backface-visibility: hidden;
    position: absolute;
    box-shadow: -100vmin 0 12.869471954133731vmin currentColor;
}