/********** Universal Styles **********/

body {
  color: white;
  background-color: #00001a;
  height: 100vh;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Nintendo';
}

@font-face{ 
	font-family: 'Nintendo';
	src: url('http://www.celeritasdata.com/fonts/PressStart2P-vaV7.ttf');
	src: url('http://www.celeritasdata.com/fonts/PressStart2P-vaV7.eot?#iefix') format('embedded-opentype'),
	     url('http://www.celeritasdata.com/fonts/PressStart2P-vaV7.woff') format('woff'),
	     url('http://www.celeritasdata.com/fonts/PressStart2P-vaV7.ttf') format('truetype'),
	     url('http://www.celeritasdata.com/fonts/PressStart2P-vaV7.svg#webfont') format('svg');
}

table, th {
    margin-top: 1em;
    border: 2px solid white;
    width: 100%;
}

td {
    border: 1px dashed white;
    text-align: center;
    padding: 3px;
    font-size: .5em;
}

form {
    margin-top: 1em;
    font-size: .5em;
}

input[id^="CNT"], input[id^="TOT"], input[id^="PCT"] {
    color: yellow;
    background-color: blue;
}

input[id^="COM"] {
    color: red;
}

.ent_opn{
    color: white;
}

.diff_pct {
    color: #FFD000;
    background-color: gray;
}

.invalid {
    color: gray;
}

.rolled {
    color: white;
    background-color: gray;
}

.deposit {
    color: white;
    background-color: green;
}

.withdrawn {
    background-color: red;
}

.clkoffset {
    color: yellow;
    background-color: gray;
}

.icn_c {
    background-color: #0B00A6;
}

.icn_p {
    background-color: blue;
}

.spdtab {
    width: 5em;
}

.x5 {
    background-color: #FFA600;
}

#STL, #CL{
    color: red;
}

#STS, #CS{
    color: #00ff00;
}

#IMG {
    width: 100%;
    padding-top: 1em;
}

#addent {
    padding-top: 1em;
}

#post_info {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.5em;
}

#compute {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.5em;
}

#earn, #peryear, #result, #mxper, #principle {
   width: 10em; 
}