@font-face {
    font-family: 'Overpass'; src: url('Overpass-Regular.woff') format('woff')
}
#content {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

body, a {
    background: #007024;
    color: white;
    font-family: 'Overpass', sans-serif;
    line-height: 150%;
}

@media (min-width: 800px) {
    body { font-size: 150%; }
    #content { max-width: 800px }
    #signInput { width: 50% }
    img { max-width: 90% }
}

@media (max-width: 1000px) {
    #signInput { width: 90% }
    img { max-width: 90% }
}

input[type=text] { color: black }
input[type=button] {
    color: black;
    margin: 2px;
}

input[type=submit] {
    color: black;
    margin: 2px;
}

a:hover { text-decoration: underline }
img { box-shadow: 2px 2px #000 }
h1, h2, h3 { text-shadow: 1px 1px #000 }