/* Structure */
body
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: darkgray;
}

.flex-container
{
    display: flex;
}

#quotes
{
    width: 50%;
    margin: 25px;
    flex: 1;
    background-color: lightblue;
}
#rainbow
{
    width: 50%;
    margin: 25px;
    flex: 1;
    background-color: lightblue;
}

/* Rainbow */
#gold
{
    position: absolute;
    right: 165.5px;
    z-index: 1;
}
#red
{
    background-color: red; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
#orange
{
    background-color: orange; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
#yellow
{
    background-color: yellow; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
#green
{
    background-color: green; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
#blue
{
    background-color: blue; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
#indigo
{
    background-color: indigo; 
    width: 80%;
    height: 15%;
    position: relative;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
}
.hidden
{
    display: none;
}
.rainbow-red
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}
.rainbow-orange
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}
.rainbow-yellow
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}
.rainbow-green
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}
.rainbow-blue
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}
.rainbow-indigo
{
    animation-name: rainbow;
    animation-duration: 1s;
    animation-iteration-count: 1s;
}

:root
{
    --a: red;
    --b: orange;
    --c: yellow;
    --d: green;
    --e: blue;
    --f: indigo;
}