body
{
    font-family: "Tomorrow";
    font-size  : 20px;

    width: 600px;
}

h1
{
    text-transform: uppercase;
}

button
{
    font-family     : "Tomorrow";
    font-size       : 1rem;
    background-color: #000000;
    color           : #FFFFFF;
    border          : none;
    padding         : 10px 40px;
    text-transform  : uppercase;
}

/* make the cursor a hand */
button:hover
{
    background-color: #FF00FF;
    cursor          : pointer;
}

/* move the button a little when you press down */
button:active
{
    background-color: #9900FF;
    transform       : translateY(5px) translateX(5px);
}

a
{
    color: #FF00FF;
}

#hat_result
{
    font-style: italic;
}

img
{
    display: block;
}