#header {
    border: 5px solid #111;
}
body {
    font-size: 1.5em;
    font-family: Helvetica, Arial;
    background-color: /*#e8edf7; */#D0EAFE;
}
#wrapper {
    padding: 0em 3em 0em 3em;
    width: 70%;
    margin: auto;
    text-align: center;
    border: 3px solid #00416d;
}
@media only screen and (max-width: 768px) {
    #wrapper {
        width: 100% !important;
        padding-left: 2px;
        padding-right: 2px;
        margin: auto !important;
    }
    #gameplay_table td {
        font-size: 1.2em !important;
        padding: .2em !important;
    }
    #stats_row td {
        font-size: 1.1em !important;
        padding: .25em !important;
    }
    #stats_labels td {
        padding: .3em !important;
    }
    code {
        font-size: 1.2em !important;
    }
    button {
        font-size: 1em !important;
    }
    #letters_round_solutions {
        width: 90% !important;
    }
    #letters_round_solutions li {
        font-size: 90% !important;
    }
}
#logo {
    width: 90%;
    height: 90%;
}
code {
    font-size: 2.5em;
}
table {
    border-spacing: 0px;
    margin: .5em 0 .5em 0;
}
#gameplay_table {
    margin: .3em auto .3em auto;
}
#gameplay_table td {
    background-color: #00416d;
    color: #fff;
    padding: .25em;
    border: 2px solid #336d88;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
    padding: .4em .6em .4em .4em;
}
#answer_row td {
    border-top-width: 5px;
}
td.time_running_out {
    color:   /*#850000*/#f00 !important;
}
#stats_table {
    margin: auto auto .5em auto;
}
#stats_table td {
    border: 2px solid #00416d;
    font-variant: small-caps;
    padding: .25em;
}
#stats_row td {
    font-weight: bold;
    font-size: 2.5em;
    background-color: #2471a3;
    color: #fff;
}
#stats_labels td {
    font-size: .8em;
    padding: .5em;
    background-color: #fef5e7;
}
#letters_or_numbers_box {
    border: 2px solid #336d88;
    width: max-content;
}
#conundrum_answer_length {
    font-weight: bold;
    font-size: 1.2em;
}
#next_round_button {
    display: none;
}
#input_form {
    display: none;
}
#user_input_field {
    font-size: 125%;
}
#input_validation {
    font-weight: bold;
    font-size: 1.3em;
}
.valid_input {
	color: #37920d;
}
.invalid_input {
	color: #8B0000;
}
.bad_equation {
    color: #900;
}
#conundrum_answer_length, #letters_answer_length {
    font-weight: bold;
}
#results_box {
    font-family: Verdana;
    /*font-size: 110%;*/
    margin: .5em auto .5em auto;
}
#results_box p {
    margin-bottom: .2em;
}
h1, h2 {
    margin-bottom: .25em;
    margin-top: .25em;
}
#new_game {
    display: none;
    margin: auto;
}
#footer {
    text-align: center;
    /*position: absolute;*/
    bottom: 0;
    width: 99%;
    padding-bottom: .5em;
    margin-top: 1em;
}
.overflow_words {
    display: none;
}
button {
    font-size: 1.2em;
    font-weight: bold;
    border: 3px solid #00416d;
    padding: .3em;
}
#show_letters_solutions {
    font-size: 100%;
}
#letters_round_buttons, #numbers_round_buttons, #conundrum_button {
    display: none;
}
.tn_cell {
    display: none;
}
#target_number {
    color: /*#7b241c;*/#c00 !important;
    background-color:  #fef9e7 !important;
    /*font-size: 2em !important;*/
}
/*#target_num {
    font-size: 2.25em;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #850000;
    display: none;
}*/
#round_name {
    margin-top: .1em;
    margin-bottom: .1em;
}
#rules_box {
    width: 90%;
    margin: auto;
}
#round_explanations {
    display: none;
}
#rules_box {
    font-family: Verdana;
    font-size: 80%;
}
.found_words {
    text-transform: capitalize;
}
#letters_round_solutions {
    width: 75%;
    margin: .5em auto auto auto;
    list-style-type: none;
    text-align: left;
    font-family: Verdana;
}
#letters_round_solutions li {
    margin-top: .3em;
}

/* CLOCK STYLES */

#clock_hand {
    width: 5px;
    height: 62.5px;
    background-color: #00416d;
    text-align: center;
    margin: auto;
    transform-origin: bottom;
    /*rotate: 45deg;*/
}
#clock {
    width: 125px;
    height: 125px;
    border: 2px solid #336d88;
    background-color: #CDD3AE;
    border-radius: 50%;
    margin: .2em 3em .2em 0em;
}
#clock hr {
    margin-top: auto;
    margin-bottom: auto;
    color: #00416d;
}
#clock hr.vertical {
    rotate: 90deg;
    margin-left: auto;
    margin-right: auto;
}