html {
    height: 100%;
    font-family: trebuchet ms, ubuntu, helvetica, sans-serif;
}
h1 {
    margin: 0;
}
hr {
    border-style: solid;
}
button, input[type="submit"] {
    border: #303030 2px solid;
    border-radius: 0;
    padding: 3px 7px;
    font-weight: bold;
}
input {
    border: #303030 2px solid;
    border-radius: 0;
    padding: 3px 7px;
    margin: 2px 0;
}
.green-button {
    background: #c8ffa8;
}
.green-button:hover {
    background: #9eff66;
}
.red-text {
    /*color: #fa003c;*/ /* Neon red */
    color: #8e1100;     /* Dark red */
}
.green-text {
    color: #008e11;
}
.orange-text {
    color: #8e5800;
}
.blue-text {
    color: #007d8e;
}
a {
    color: #007d8e;
}
a:visited {
    color: #58008e;
}
.hidden {
    display: none !important;
}

.box {
    background: #d8d8d8;
    border: #303030 3px solid;
    padding: 20px;
    box-shadow: 3px 3px #303030;
}