html, body {
  height: 100%;
  margin: 0;
  background-color: #202020; /* Dark mode background color */
  color: #FFFFFF; /* Dark mode text color */
}

.container {
  height: 90vh; /* Adjust height as needed */
  display: flex;
  justify-content: center;
  align-items: center;
}

table {
  width: 100%; /* Adjust width as needed */
  height: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #FFFFFF; /* Dark mode border color */
  padding: 0; /* Reset padding */
  text-align: center; /* Center the content within cells */
  position: relative; /* Enable positioning for the checkboxes */
#  font-family: 'Poppins', sans-serif;
}

td.label {
  font-size: 4vh;
  font-family: 'Poppins', sans-serif;
}

checkbox {
/*  background-color: #005cc8;*/
  background-color: #000000;

}

th {
  background-color: #404040; /* Dark mode table header background color */
  font-size: 4vh;
  font-family: 'Poppins', sans-serif;
}