body {
  padding: 3px;
  background-color: black;
  color: white;
  font-size: 25px;
}

.dark-mode {
  background-color: white;
  color: black;
}

/* Align input and table to the left */
.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Set a margin between the input and table */
.container > div:not(:last-child) {
  margin-bottom: 10px; /* Adjust the margin as needed */
}

/* Set a fixed height for the table container */
#tableContainer {
  max-height: calc(100vh - 150px); /* Adjust the height as needed */
  overflow-y: auto;
  width: 95%;
  display: flex; /* Use flexbox to create a horizontal layout */
}

/* Add spacing between tables */
#tableContainer table:not(:last-child) {
  margin-right: 20px; /* Adjust the spacing as needed */
}

/* Set a fixed height for the table container */
#tableContainer2 {
  max-height: calc(100vh - 150px); /* Adjust the height as needed */
  overflow-y: auto;
  display: flex; /* Use flexbox to create a horizontal layout */
}

/* Add spacing between tables */
#tableContainer2 table:not(:last-child) {
  margin-right: 20px; /* Adjust the spacing as needed */
}

/* Center the table */
table {
  margin: 0 auto;
  text-align: center;
  table-layout: auto;
  width: 15%;
  max-height: calc(100vh - 150px); /* Adjust the height as needed */
}

/* Add lines around the table */
table {
  border-collapse: collapse;
  border: 1px solid white;
}

td {
  border: 1px solid white;
  padding: 5px;
}

/* Make first word in each column bold */
.bold-first-word {
  font-weight: bold;
}

/* Make the paragraph above the input bold */
.container > div:first-child > p {
  font-weight: bold;
}

/* Make the caption above the table bold and decrease font size by 1 */
table caption {
  font-weight: bold;
  font-size: 1em;
}

/* Increase font size of the entire content by 1 */
body {
  font-size: 16px;
}

#fileInput {
  width: 85px;
  overflow: hidden;
  margin-right: 10px;
}

#darkModeButton {
  margin-right: 10px;
}

/* Table borders in dark mode */
.dark-mode table {
  border-color: black;
}

.dark-mode td {
  border-color: black;
}

#myCanvas {
  width: 70%;
}