td, th {
  border: 1px solid;
  padding: 5px;
}

table {
  border-collapse: collapse;
}

tr:hover {background-color: #e6e6e6;}

p, td, th {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: -0.2px;
  word-spacing: 1px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
}

th {
  background-color: #b3b3b3;
  color: white;
}

#canvas {
  width: 100%;
  height: 100vh;
  position: relative;
}

.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease;
}

.circle:hover {
  transform: translate(-50%, -50%) scale(1.1);
}