:root
{
    --blue: rgba(37, 57, 120, 1);
    --red: rgba(189, 33, 69, 1);
    --gold: rgba(251, 216, 0, 1);
}
    SoundSparkBlue
    {
        color: var(--blue);
    }
    SoundSparkRed
    {
        color: var(--red);
    }
    SoundSparkGold
    {
        color: var(--gold);
    }
    black
    {
        color: black;
    }
*
{
    margin: 0;
    padding: 0;
}
    body
    {
        opacity: 0;
        transition: opacity 1.617s;
    }
    img
    {
        width: 100%;
        height: 100%;
        pointer-events: none;
        user-select: none;
    }
    body, input
    {
        background: none;
        font-family: proxima-nova;
        font-size: 14pt;
        color: #BBBBBB;
    }
    input:focus
    {
        outline: none;
    }
    input[type='submit']
    {
        cursor: pointer;
    }
    span
    {
        white-space: nowrap;
    }
    li
    {
        list-style-type: none;
    }
    a
    {
        color: var(--blue);
        text-decoration: none;
        cursor: pointer;
    }
        a:hover
        {
            color: var(--red);
        }
        a:active
        {
            color: var(--gold);
        }
    section
    {
        opacity: 0;
        transition: opacity .617s;
        padding: 25px 0;
    }
.Colorful
{
    background: linear-gradient(to right, var(--gold) 0%, var(--red) 50%, var(--blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
}
.Bar
{
    width: 100%;
    height: 25px;
    display: block;
    position: relative;
    float: left;
}