#backgroundGradient
{
    position: absolute;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(24deg, #b700ff, #01ff80, #016bff);
    background-size: 350% 100%;
    background-position: 0%;

    animation: backgroundGradientAnimation 24s ease-in-out infinite;
}

.absolute {
    position: absolute;
}
#mainContent {
    position: absolute;
    z-index: 2;

    width: 100%;
    height: 100%;
    
    overflow: auto;
}

.basicTextDropShadow {
    text-shadow: 8px 8px 10px #00000066;
}

@keyframes backgroundGradientAnimation
{
    0% {
        background-position: 0%;
    }
    50% {
        background-position: 100%;
    }
    100% {
        background-position: 0%;
    }
}

.RainbowTextColor {
    color: hsl(0, 100%, 50%);

    animation-name: rainbowTextColor;
}

@keyframes rainbowTextColor {
    0% {

    }
}

/* #region fonts */
@font-face {
    font-family: "AutourOne";
    src: url("/resources/fonts/AutourOne-Regular.ttf");
}
/* #endregion */