body {
  height: 100%;
  font-family: Arial;
}

div {
  display: block;
}

nav{
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;

}

.team {
  float: left;
  width: 18.2%;
  margin: 0.4%;
  height: 505px;
  box-shadow: 0px 0px 0px 1px;
  border-radius: 5px;
  border-style: solid black;
  padding: 0.5%;
  position: relative;
}

.main {
  float: left;
  width: 60%;
  height: 480px;
  
}

table{
  height: 100%;
  width: 100%;
}

tr{
  align-content: stretch;
  height: 20%;
}

td {
  width: 20%;
}

.word {
  height: 100%;
  background-color: white;
  border-radius: 5px;
  border-color: black;
  border-width: 1px;
  width: 100%;
  align-content: space-around;
  box-shadow: 1px 1px 0px;
}

.button {
  margin: 0.15%;
  height: 40px;
  background-color: rgb(189, 189, 189);
  border-radius: 5px;
  border-color: black;
  border-width: 1px;
  width: 32.5%;
  align-content: space-around;
  box-shadow: 1px 1px 0px;
  font-size: 1.3em;
}

.join {
  position: absolute;
  bottom: 0;
  width: 93%;
  margin-bottom: 5px;
}

.text {
  font-size: 1.8em;
  float: left;
}

.indicator {
  float: right;
  visibility: visible;
  height: 18px;
  width: 18px;
  background-color: green;
  border-style: solid;
  border-radius: 18px;
  border-width: 1px;
  border-color: rgb(71, 69, 69);
  visibility: hidden;
}

.gameStatus {
  height: 25px;
  font-size: 1.4em;
  margin: 0.5%;
  border-style: solid;
  border-radius: 5px;
  border-width: 1px;
  border-color: rgb(71, 69, 69);
  text-align: left;
  padding: 5px;
}

li {
  list-style: none;
}

#neutral {
  background-color: gray;
}

#red {
  background-color: red;
}
#blue {
  background-color: blue;
}

#kill {
  background-color: orange;
}