body{
  background: var(--back);
  user-select: none;
  opacity: 0;
  animation: fadeIn 1s forwards;
  font-size: 1.2vw;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

table {
  height: 100%;
  overflow-y: scroll;
  position: static;
  width: 100%;
  text-align: left;
}

th{
  background: var(--buttonHover);
  font-size: 18px;
  position: sticky;
  top: 50px;
}

tr{
  background: var(--accent);
}

.row1:hover, .row2:hover, .row3:hover, .row4:hover, .row5:hover, .row6:hover, .row7:hover, .row8:hover, .row9:hover, .row10:hover, .row11:hover, .row12:hover, .row13:hover, .row14:hover, .row15:hover, .row16:hover{
  background: var(--buttonHover);
}

@media only screen and (max-width: 600px) {
  body{
    font-size: 4vw;
  }
}