/* 

JSFiddle SELECTION BOXES CSS  cfd4dc
lt warmgray = f2f2f2


drk warmgray = 808080
med gray = 96a1b2
med gray blue = 7b8fad
drk gray blue = 617798  
ORANGE #f26522 = f26522  
lter orange  ff954d   
drk blue = 002a5c
light blue = e3e7ed
Medium blue = B3CEED
brt blue = 004f93
300 blue = 005b8c
sky blue = 92bfe6
lt orange  FF9900
dark red = 8b0000
lighter blue = c0d6f9
ltgreen = b1c685
drkgreen = 8ca360
forms
light tan = ebebdd
medium tan c9c9a4
inputs tan 92bfe6
lt warmgray = e9e6df
dark tan  dedeb6
bright tan  fafaf2

*/


.content {
flex-grow: 1;
padding: 0px;
background-color:#121212;
} 

.top-menu {
font-size:24pt;
position: fixed;
top: 0;
width: 100%;
z-index: 1000; /* To make sure it's on top of other elements */
flex-shrink:0;
}
.top-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.top-menu li {
display: inline-block;
padding: 0px;
}
.top-menu a {
color: white;
text-decoration: none;
}


.bottom-menu {
font-size:24pt;
position: fixed;
bottom: 0;
width: 100%;
z-index: 1000;
flex-shrink:0;
}
.bottom-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.bottom-menu li {
display: inline-block;
padding: 0px;
}
.bottom-menu a {
color: white;
text-decoration: none;
}



.container {
display:flex;
flex-direction: column;
height: 100vh;
padding: 0px;
padding: 0px;

}