/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
form {
    max-width: 100%;
}
input[type="number"]{
    max-width: 30px;
    color:#fff;
}
input[type="number"]:focus{
    border-color: #888;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
label[for="dimension"] {
    font-size: 16px;
    color: #deb340;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0.7em;
}
button#go {
    height: 32px;
    padding: 0px 10px;
    position: relative;
    top: -5px;
    margin-left: 5px;
}
span#units {
    font-size: 16px;
    padding: 0 5px;
}

.choices {
    margin-bottom: 2.5em;
}
.choices input[type="radio"] {
    position: relative;
    top: -3px;
}
table#results thead th {
    background: #a6a5a4;
    color: #000;
}