body {
    font-family:verdana;
    color:#eee;
}
section img {
    margin:1vw; width:95%; max-width:800px;
}
h1, h2 {                    
    font-weight:normal;
}
h1 {
    font-size:30px;
    border:double #777 8px;
    padding:10px 20px;
    /* font-style: italic; */
    display: inline-block;
    margin-bottom:10px;
    background-color: #111;
    padding:5px 20px 5px 5px;
}
h1 img {
    width:60px;
    margin-right:15px;
    vertical-align:middle;
}
h2 {
    font-size:20px;
    font-style: italic;
}
#instructions {
    padding:10px;
    background-color: #111;
    font-size:20px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
.hint {
    background-color: #eee;
    color:#222;
    font-size:20px;
    text-align: left;
    margin-top:20px;
    padding:20px 15px;
    border-radius: 15px;
    font-family: courier;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}
.arrow {
    width:45px;
    position:absolute;
    left:3%;
    top:62px;
    text-decoration: none;
    color:#ddd;
}
.arrow:hover {
    color:white;
}

.button {
    font-size: 20px;
    padding:10px;
    background-color: #111;
    text-decoration: none;
    color:#ddd;
    margin:30px;
    display:inline-block;

}
.button:hover {
    background-color:white;
    color:#111
}