body {
  background-color:black;
  color:white;
  padding: 0;
  margin:0;
}
canvas{
  border:5px rgb(200, 105, 210) solid;
  background-color: rgb(0, 0, 0);
  display:flex;
  justify-content: center;
}
h1{
  display:flex;
  justify-content: center;
}
p{
  display:flex;
  justify-content: center;
}
#waitTimer{
  font-size: 10em;
  display:flex;
  justify-content: center;
}
table {
  border-radius: 5px;
  border-collapse: separate;
  border: 3px solid rgb(80, 80, 230);
  letter-spacing: 1px;
  font-size: 0.8rem;
}
td, th {
  border: 2px solid rgb(80, 80, 230);
  padding: 10px 20px;
  font-size: large;
}
th {
  background-color: rgb(0, 0, 0);
}
td {
  text-align: center;
}
button {
  font-size: large;
}
div{
  display:flex;
  justify-content: center;
}
#setAtkBtn:hover, #setBalBtn:hover, #setDefBtn:hover{
  color:white;
  background-color: blueviolet;
}
#setAtkBtn, #setBalBtn, #setDefBtn{
  color:rgb(0, 0, 0);
  background-color: rgb(10, 240, 220);
}
.setBal{
  border: 2px solid rgba(240, 250, 100, 0.8);
  padding: 10px 20px;
  font-size: large;
}