html {
  background-color: black;
  color : white;
}
 
div {
  color: white;
}

table {
  width:50em;
}
/*
table, th, td {
    border: 1px solid white;
}*/

th {
  font-size: 120%; 
  background-color: black;
}

th.stattitle {
  width:6em;
}

th.orangeBar {
  background-color: orange;
}

td {
  background-color: black; 
}

td.section {
  min-width: 10em;
}

td.purplesection {
  background-color: purple;
  width: 7em;
}

td.statsection {
  width: 1em;
  text-align: center;
}

td.buttontd {
  min-width: 1em;
  max-width: 1em;
  text-align: center;
}

input {
  width:95%;
}

p input[type="button"] {
  max-width: 10em;
}

input.buttons {
  background-color: purple;
  color: white;
  border-color: black;
}

input.buttons:disabled {
  background-color:   hsl(270, 100%, 95%);
  color: grey;
}

table.headtable input[type="button"] {
  max-width: 10em;
}

textarea { 
  min-height:6em; 
  min-width: 95%;
}

select {
  min-width:100%;
}

select.multiselect {
  min-height:6em;
}

select.weaponSelects {
  width:100%;
}