html {
  font-family: sans-serif;
}

body {
  width: 40%;
  margin: 5% 27%;
}

table {
  border-collapse: collapse;
  border: 2px solid rgb(200, 200, 200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}

td,
th {
  border: 1px solid rgb(190, 190, 190);
  padding: 10px 20px;
}

th {
  background-color: rgb(235, 235, 235);
}

tr:nth-child(n) td:nth-child(-n+4):hover {
  background-color: rgba(5, 151, 13, 0.616);
}

td {
  text-align: center;
}

tr:nth-child(even) td,
tr:nth-child(even) td:first-child:hover {
  background-color: rgb(250, 250, 250);
}

tr:nth-child(odd) td,
tr:nth-child(odd) td:first-child:hover {
  background-color: rgb(245, 245, 245);
}

caption {
  padding: 10px;
}

.styledButton:hover {
  background-color: rgb(248, 62, 62);
}