html {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  background-color: #000;
  color: #fff;
}

h1 {
  color: #dd962f;
  font-family: Source Code Pro, monospace;
  font-weight: light;
}

p {
  color: #fff;
  font-family: Source Code Pro, monospace;
  font-weight: 700;
  font-size: 2vh;
}

caption {
  text-align: left;
}

/* Add the following styles */
table {
  font-family: 'Consolas';
  margin: auto;
  /* Centers the table horizontally on the page */
  border-collapse: collapse;
  /* Removes the space between borders */
}

td,
th {
  font-family: Source Code Pro, monospace;
  border: 1px solid white;
  /* Adds black border lines */
  text-align: center;
  /* Centers the content of the cells */
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  /* Adds some padding inside the cells for visual space */
  color: #dd962f;
}

th {
  font-weight: bold;
  color: #fff;
  /* Makes the header text bold */
}

td[contenteditable="true"] {
  background-color: #1a1a1a; /* Slightly lighter than black for contrast */
  color: #f2f2f2; /* Light text color for readability */
  cursor: text; /* Indicates text can be edited */
  /* border: 1px solid #333333; /* Subtle border to define cell boundaries */ */
  /* padding: 5px; /* Add some padding for text */ */
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

td[contenteditable="true"]:hover {
  background-color: #292929; /* Slightly lighter on hover to indicate interactivity */
  /* border-color: #555555; /* Lighter border on hover */ */
}

a{
  font-family: Source Code Pro, monospace;
  font-weight: 700;
  color: #dd962f;
}