/* Footer - Background circles */
.color-circle {
    position: absolute;

    filter: blur(150px);
    border-radius: 50%;
}
.circle-red {
    z-index: -1;

    width: 400px;
    height: 150px;
    left: 40%;
    top: 20%;

    background-color: var(--red);
    box-shadow: 0 0 5px var(--red), 
    0 0 5px var(--red), 
    0 0 10px var(--red), 
    0 0 10px var(--red), 
    0 0 30px var(--red),
    0 0 30px var(--red),
    0 0 50px var(--red),
    0 0 50px var(--red),
    0 0 100px var(--red),
    0 0 100px var(--red),
    0 0 200px var(--red),
    0 0 200px var(--red),
    0 0 300px var(--red),
    0 0 300px var(--red),
    0 0 500px var(--red),
    0 0 500px var(--red),
    0 0 750px var(--red),
    0 0 750px var(--red),
    0 0 1000px var(--red),
    0 0 1000px var(--red),
    0 0 1500px var(--red),
    0 0 1500px var(--red);
}
.circle-blue {
    z-index: -1;

    width: 600px;
    height: 500px;
    left: 0px;
    bottom: 0px;

    background-color: var(--blue);
    box-shadow: 0 0 5px var(--blue), 
    0 0 5px var(--blue), 
    0 0 10px var(--blue), 
    0 0 10px var(--blue), 
    0 0 30px var(--blue),
    0 0 30px var(--blue),
    0 0 50px var(--blue),
    0 0 50px var(--blue),
    0 0 100px var(--blue),
    0 0 100px var(--blue),
    0 0 200px var(--blue),
    0 0 200px var(--blue),
    0 0 300px var(--blue),
    0 0 300px var(--blue),
    0 0 500px var(--blue),
    0 0 500px var(--blue),
    0 0 750px var(--blue),
    0 0 750px var(--blue),
    0 0 1000px var(--blue),
    0 0 1000px var(--blue),
    0 0 1500px var(--blue),
    0 0 1500px var(--blue);
}
.circle-yellow {
    z-index: -1;

    width: 500px;
    height: 300px;
    right: 0;
    bottom: 0px;

    background-color: var(--yellow);
    box-shadow: 0 0 5px var(--yellow), 
    0 0 5px var(--yellow), 
    0 0 10px var(--yellow), 
    0 0 10px var(--yellow), 
    0 0 30px var(--yellow),
    0 0 30px var(--yellow),
    0 0 50px var(--yellow),
    0 0 50px var(--yellow),
    0 0 100px var(--yellow),
    0 0 100px var(--yellow),
    0 0 200px var(--yellow),
    0 0 200px var(--yellow),
    0 0 300px var(--yellow),
    0 0 300px var(--yellow),
    0 0 500px var(--yellow),
    0 0 500px var(--yellow),
    0 0 750px var(--yellow),
    0 0 750px var(--yellow),
    0 0 1000px var(--yellow),
    0 0 1000px var(--yellow),
    0 0 1500px var(--yellow),
    0 0 1500px var(--yellow);
}