body {
    font-family: monospace;
    background-color: #15151B;
    color: #BBB;
    font-size: 1.5em;
    cursor: default;
}

h3 {
    font-family: sans-serif;
    font-size: 1em;
    margin-top: 0;
    color: #CCC;
}

h4 {
    font-family: sans-serif;
    font-size: 0.8em;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #BCC;
}

input {
    font-family: monospace;
    height: 25px;
    font-size: 20px;
    border-radius: 5px;
    border-width: 1px;
    border-color: #0A0F14;
    background-color: #121218;
    margin-bottom: 4px;
    padding-left: 4px;
}

input[type="number"] {
    width: 48px;
    height: 25px;
    padding-left: 5px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: 27px;
    width: 40px;
}

input[name="angle"] {
    margin-right: 1em;
    width: 58px;
}

input, select, textarea {
    color: #CDD;
}

input:focus {
    outline-color: #ABB;
    outline-width: 1px;
}

button {
    border-radius: 2px;
    border-width: 1px;
    border-color: #0A0F14;
    color: #CDD;
}

button:hover:enabled {
    color: #EFF;
    cursor: pointer;
}

button:active {
    outline: none;
}

button:focus {
    outline: none;
}

#slow {
    background-color: #704508;
    font-size: 0.8em;
}

#slow:hover:enabled {
    background-color: #90650F;
}

#slow:active:enabled {
    background-color: #503508;
}

#window {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    background-color: #0F1016;
}

.sub {
    border-radius: 5px;
    background-color: #202028;
    padding: 5px;
}

#param {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 1em;
    padding-left: 10px;
}

#rules{
    margin-top: 1em;
}

#modes{
    margin-top: 2em;
    text-align: center;
}

#preset {
    display: inline-block;
    vertical-align: text-top;
}

.preset {
    background-color: #28282F;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.preset:hover {
    cursor: pointer;
    background-color: #38383F;
}

.preset:hover h4 {
    color: #DDD;
}