body {
  font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;             /* in pixels (px) */
  margin: 5px 15px 5px 15px;   /* top right bottom left - no commas in between */
  padding: 0;
  background-color: #eee;      /* light gray, same as #eeeeee */
}
 
/* Rule 2: Apply to <h1> to <h6> elements */
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", "Segoe UI", Helvetica, Tahoma, Arial, Verdana, sans-serif;
  color: white;
background: lightgreen;
  font-weight: bold;
  text-align: center;
}
  
/* Rule 3: Specifically for <h2>. Override the previous rule */
h2 {
  color: blue;
  font-style: italic;
}
  
/* Rule 4: Apply to all the <p> elements */
p {
  text-align: justify;
  color: black;
}

/* ID-selector (id-value is unique in a document) */
#header   { font-size:18px; color:cyan; }
#content  { font-size:14px; color:black; }
#footer   { font-size:12px; color:black; }

input {
height: 20px;
font-family: monospace;
font-size:14px;
border-left:10px;
border-right:10px;
border-color: lightblue;
border-style:solid;}

#myText {
width: 30%;
font-family: monospace;
font-size:14px;
font-weight: bold;
border-left:10px;
border-right:10px;
border-color:lightblue;
border-style:double;}

.inline-field input,
.inline-field label {
 font-size:24px;
  display: inline-block;
  margin-bottom: 0; /* I added this after I posted my reply */
  vertical-align: middle; /* Fixes any weird issues in Firefox and IE */
}

.checkbox, .radio {
  width: 30px;
  height: 25px;
  padding: 1px 20px 0 0; 

}

.select {
  position: absolute;
  width: 30px;
  height: 25px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  overflow: hidden;
}


.newGame {
height: 40px;
font-family: monospace;
font-size:30px;
font-weight: bold;
}

.total0 {
height: 30px;
font-family: monospace;
font-size:20px;
font-weight: bold;
}

.total1 {
height: 30px;
font-family: monospace;
font-size:20px;
font-weight: bold;
}

.total2 {
height: 30px;
font-family: monospace;
font-size:20px;
font-weight: bold;
}

.reset {
height: 30px;
font-family: monospace;
font-size:20px;
font-weight: bold;
}

.repeat {
height: 30px;
font-family: monospace;
font-size:20px;
font-weight: bold;
}

.player0 {
width: 15%;
Height: 40px;
font-family: monospace;
font-size:24px;
border-left:10px;
border-right:10px;
border-color:#E8D0A9;
border-style:double;}

.player1 {
width: 15%;
Height: 40px;
font-family: monospace;
font-size:24px;
border-left:10px;
border-right:10px;
border-color:wheat;
border-style:double;}

.player2 {
width: 15%;
Height: 40px;
font-family: monospace;
font-size:24px;
border-left:10px;
border-right:10px;
border-color:lightblue;
border-style:double;}

.player3 {
width: 15%;
Height: 40px;
font-family: monospace;
font-size:24px;
border-left:10px;
border-right:10px;
border-color:khaki;
border-style:double;}

.player4 {
width: 15%;
Height: 40px;
font-family: monospace;
font-size:24px;
border-left:10px;
border-right:10px;
border-color:lightgreen;
border-style:double;}

.light {
width: 15%;
Height: 20px;
font-family: monospace;
font-size:14px;
color:lightgreen;
background-color:white;
border-left:10px;
border-right:10px;
border-color:lightgreen;
border-style:double;}

.green {
width: 15%;
Height: 20px;
font-family: monospace;
font-size:14px;
color:white;
background-color:lightgreen;
border-left:10px;
border-right:10px;
border-color:lightgreen;
border-style:double;}

.apple {
width: 15%;
Height: 20px;
font-family: monospace;
font-size:14px;
color:lightgreen;
background-color:black;
border-left:10px;
border-right:10px;
border-color:lightgreen;
border-style:double;}