body {
    font-family: 'Baloo 2', Geneva, Tahoma, sans-serif;
    font-size: 80%;
    background-color: #FAEBD8;
    color: #2C2C2C;
    margin: 0px;
    padding: 5px;
    overflow-x: hidden;
    /*border-bottom: 3px solid #F7D347;*/
    height: 40px;
    width: 100%;
}

h1 {
    font-family: 'Fredoka', Verdana, Arial, sans-serif;
    font-size: 120%;
    color: #2C2C2C;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-family: 'Fredoka', Geneva, Tahoma, sans-serif;
    font-size: 120%;
    color: #2C2C2C;
    margin: 0px;
    padding: 0px;
}

h3 {
    font-family: 'Fredoka', Geneva, Tahoma, sans-serif;
    font-size: 110%;
    color: white;
    margin: 0px;
    padding: 0px;
}

h4 {
    font-family: 'Fredoka', Geneva, Tahoma, sans-serif;
    font-size: 100%;
    color: #2C2C2C;
    margin: 0px;
    padding: 0px;
}

footer {
    font-family: 'Baloo 2', Geneva, Tahoma, sans-serif;
    font-size: 80%;
    clear: both;
    text-align: center;
    background-color: #277b9b;
    color: white;
    padding: 5px;
    border-bottom: 3px solid #F7D347;
    border-top: 3px solid #F7D347;
    width: 100%;
}

main {
    padding: 5px;
    border-top: 3px solid #F7D347;
    float: left;
    width: 55%;
    height: 100%;
}

main table {
    padding: 2px;
}

main td {
    padding: 2px;
}

nav {
    font-family: 'Baloo 2', Geneva, Tahoma, sans-serif;
    padding: 5px;
    border-bottom: 1px solid #F7D347;
    border-right: 1px solid #F7D347;
    border-top: 1px solid #F7D347;
    border-left: 5px solid #F7D347;
    color: white;
    background-color: #277b9b;
    width: 20%;
}

a, a:link {
    color: #F39C35;
}

a:active {
    color: #E94F3C;
}

nav a, nav a:link {
    color: #FBD79C;
    text-decoration: none;
}
nav a:visited {
    color: #4DB3A2;
}
nav a:hover {
    color: #F7D347;
}
nav a:active {
    color: #E94F3C;
}

input {
    font-family: 'Baloo 2', Geneva, Tahoma, sans-serif;
    border: 2px solid #2C2C2C;
    background-color: white;
    color: #2C2C2C;
    border-radius: 5px;
}
input[type=submit] {
    font-family: 'Fredoka', Verdana, Arial, sans-serif;
    font-size: 80%;
}
input:required:invalid {
    border-color: #E94F3C;
    background-color: #FBD79C;
}
input:required:valid {
    border-color: #4DB3A2;
    background-color: #FAEBD8;
}
input:focus {
    outline: none;
    border-color: #E94F3C;
    background-color: #F7D347;
    box-shadow: 0 0 5px #E94F3C;
}

.main-section {
    height: 375px;
    display: flex;
}

.side-nav {
    float: left;
    height: 100%;
    min-width: 175px;
    width: auto;
}

/* body {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 80%;
    background-color: #f0e6d5;
    color: #41334a;
    margin: 0px;
    padding: 5px;
    overflow-x: hidden;
    border-bottom: 3px solid #f0e6d5;
    height: 40px;
    width: 100%;
}
h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 120%;
    color: #41334a;
    margin: 0px;
    padding: 0px;
}
h2 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 120%;
    color: #41334a;
    margin: 0px;
    padding: 0px;
}
h3 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 110%;
    color: white;
    margin: 0px;
    padding: 0px;
}
h4 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 100%;
    color: #41334a;
    margin: 0px;
    padding: 0px;
}
footer {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 80%;
    clear: both;
    text-align: center;
    background-color: #41334a;
    color: white;
    padding: 5px;
    border-bottom: 3px solid #f0e6d5;
    border-top: 3px solid #f0e6d5;
    width: 100%;
}

main {
    padding: 5px;
    border-top: 3px solid #f0e6d5;
    float: left;
    width: 55%;
    height: 100%;
}
 
main table {
    padding: 2px;
}
 
main td {
    padding: 2px;
}

nav {
    padding: 5px;
    border-bottom: 1px solid #f0e6d5;
    border-right: 1px solid #f0e6d5;
    border-top: 1px solid #f0e6d5;
    border-left: 5px solid #f0e6d5;
    color: white;
    background-color: #872c14;
    width: 20%;
}
 
a, a:link {
    color: #ca7834;
}
a:active {
    color: #7c6255;
}

nav a, nav a:link {
    color: #fbd79c;
    text-decoration: none;
}
nav a:visited {
    color: #c59ad1;
}
nav a:hover {
    color: #b8999a;
}
nav a:active {
    color: #7c6255;
}
   
input {
    border: 2px solid #7c6255;
    background-color: white;
    color: #41334a;
    border-radius: 5px;
}
input[type=submit] {
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;
}
input:required:invalid {
    border-color: #872c14;
    background-color: #fbd79c;
}
input:required:valid {
    border-color: #c59ad1;
    background-color: #f0e6d5;
}
input:focus {
    outline: none;
    border-color: #ca7834;
    background-color: #f1b16f;
    box-shadow: 0 0 5px #ca7834;
}


body {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 80%;
    background-color: #FAEBD8; * Updated 
    color: #2C2C2C; * Updated 
    margin: 0px;
    padding: 5px;
    overflow-x: hidden;
    border-bottom: 3px solid #F7D347; * Updated 
    height: 40px;
    width: 100%;
}
h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 120%;
    color: #2C2C2C; * Updated 
    margin: 0px;
    padding: 0px;
}
h2 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 120%;
    color: #2C2C2C; * Updated 
    margin: 0px;
    padding: 0px;
}
h3 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 110%;
    color: white;
    margin: 0px;
    padding: 0px;
}
h4 {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 100%;
    color: #2C2C2C; * Updated 
    margin: 0px;
    padding: 0px;
}
footer {
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 80%;
    clear: both;
    text-align: center;
    background-color: #277b9b; /*#27a5ac; *
    color: white;
    padding: 5px;
    border-bottom: 3px solid #F7D347; * Updated 
    border-top: 3px solid #F7D347; * Updated 
    width: 100%;
}

main {
    padding: 5px;
    border-top: 3px solid #F7D347; * Updated 
    float: left;
    width: 55%;
    height: 100%;
}
    
main table {
    padding: 2px;
}
    
main td {
    padding: 2px;
}

nav {
    padding: 5px;
    border-bottom: 1px solid #F7D347; * Updated 
    border-right: 1px solid #F7D347; * Updated 
    border-top: 1px solid #F7D347; * Updated 
    border-left: 5px solid #F7D347; * Updated 
    color: white;
    background-color: #277b9b; * Updated 
    width: 20%;
}
    
a, a:link {
    color: #F39C35; * Updated 
}
a:active {
    color: #E94F3C; * Updated 
}

nav a, nav a:link {
    color: #FBD79C; * Updated 
    text-decoration: none;
}
nav a:visited {
    color: #4DB3A2; * Updated 
}
nav a:hover {
    color: #F7D347; * Updated 
}
nav a:active {
    color: #E94F3C; * Updated 
}
    
input {
    border: 2px solid #2C2C2C; * Updated 
    background-color: white;
    color: #2C2C2C; * Updated 
    border-radius: 5px;
}
input[type=submit] {
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;
}
input:required:invalid {
    border-color: #E94F3C; * Updated 
    background-color: #FBD79C; * Updated 
}
input:required:valid {
    border-color: #4DB3A2; * Updated 
    background-color: #FAEBD8; * Updated 
}
input:focus {
    outline: none;
    border-color: #E94F3C; * Updated 
    background-color: #F7D347; * Updated 
    box-shadow: 0 0 5px #E94F3C; * Updated 
}
 */