html, body{
    cursor: wait;
}

body{

    background-repeat: repeat;
    color: #2e2e2e;
    background: black;
    font-family: 'Inconsolata', monospace;
    font-weight: 600;
    font-size: 50px;
    
}

.bigBox{

    background: #2e2e2e;
    max-width: 625px;
    padding-bottom: 30px;
    margin: auto;

}

header{

    color: #d6d6d6;
    font-family: 'Inconsolata', monospace;
    font-weight: 600;
    font-size: 50px;
    text-align: center;
    padding-bottom: 30px;
    margin-top: 2.5%;
    line-height: .75;
    border: #d6d6d6;

}

.rainbow{

    font-family: cursive;
    animation: rainbow 1s infinite;
    letter-spacing: 4px;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

}

@keyframes rainbow{

    0% { color: red; }
    16.7% { color: orange; }
    33.3% { color: yellow; }
    50% { color: green; }
    66.7% { color: blue; }
    83.3% { color: indigo; }
    100% { color: violet; }

}

.sub{

    color: #e5d667;
    font-size: 25px;
    border-radius: 30px;
    border-style: outset;
    border-width: 1px;
    padding: 2px;

}

.ride{

    font-size: 20px;
    letter-spacing: 10px;
    color: magenta;
    font-weight: 300;

}

.box{

    border: #cecccc;
    background: #d6d6d6;
    border-style: outset;
    border-width: 10px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 15px;

}

.ready{

    border: #cecccc;
    color: #87a544;
    background: #d6d6d6;
    border-style: outset;
    border-width: 10px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 15px;
    text-align: center;
    text-decoration: underline;
    font-size: 25px;
    
}

.ready{

    background: #87a544;
    border-color: #87a544;
    border-radius: 25px;

}

.ready:hover{

    color: #87a544;
    border-color: #d6d6d6;

}

.ready a{

    color: white;

}


.rules{

    color: magenta;
    background: #e5d667;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-top: 125px;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    border: solid #e5d667;
    border-width: 1.5px;
    border-style: outset;
    padding: 5px;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #e5d667, 0 0 70px #e5d667, 0 0 80px #e5d667, 0 0 100px #e5d667, 0 0 150px #e5d667;

}

.small{

    font-size: 20px;
    font-style: italic;
    color: red;
    text-align: left;

}

.quote{

    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    letter-spacing: 10px;
    color: magenta;
    font-weight: 700;
    text-align: center;
    background: #e5d667;
    text-transform: uppercase;
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
    border-radius: 25px;

}

.begin{

    color: #87a544;
    text-decoration: underline;

}

.break{

    color: #b05279;
    text-align: center;
    text-decoration: underline;
    
}