body {
    margin: 0;
    padding: 0.25em;
    background-color: #101A10;
    color: #8DC88D;
    font-family: 'Roboto Mono', Courier New, Courier, monospace;
}
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a, a:link, a:visited {
    color: #57FF57;
    text-decoration: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-shadow: 0 0 6px #57FF57;
}

    a:focus, a:hover, a:active {
        color: #A9FFA9;
    }

header h1 {
    font-size: 1.5em;
    text-transform: none;
}

h1 {
    font-size: 1.25em;
    text-transform: uppercase;
}
h2 {
    font-size:1.125em;
}
h3 {
    font-size: 1em;
}

footer {
    color: #A3A3A3;
    font-size: 0.875em;
}

dl {
}
dt {
    margin-top: 0.5em;
}
dd {
    margin-bottom: 0.5em;
}
ul {
}
li {
    margin: 0.5em 0;
}

hr {
    border-top: 1px solid #1F301F;
    border-bottom: 0 none #1F301F;
    border-left: 0 none #1F301F;
    border-right: 0 none #1F301F;
    clear: both;
    margin: 1em 0;
}

.error, .danger {
    color: #FF5F5F;
}

.warning {
    color: #FFB84D;
}

.success, .info {
    color: #3FB9FF;
}

.note {
    color: #A3A3A3;
}

.difficulty-casual {
    color: #D97CA8;
}
.difficulty-standard {
    color: #88AA8A;
}
.difficulty-intense {
    color: #C78E38;
}
.difficulty-extreme {
    color: #B8C2C2;
}
.difficulty-insane {
    color: #EFD84A;
}

.radiobutton {
    accent-color: #57FF57;
}
.button {
    font-size: 1em;
    padding: 0.5em 1em;
    color: #57FF57;
    border: 1px solid #4FD94F;
    background: transparent;
    text-shadow: 0 0 6px #57FF57;
}

    .button:focus, .button:hover, .button:active {
        border: 1px solid #A9FFA9;
        color: #A9FFA9;
    }

.button-link {
    font-size: 1em;
    padding: 0;
    color: #57FF57;
    border: none;
    background: transparent;
    text-shadow: 0 0 6px #57FF57;
}