body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #1c1c1e;
  width: 100%; /* For small screens */
  margin: auto; /* Center the container in the viewport */
}

h1 {
  color: green;
}

h3 {
  color: green;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: DarkGreen;
  font-size: calc(75vh); /* Responsive base font size */
}

.menuitemdelimeter {
  color: green;
  font-weight: bold;
  font-size: 150%;
}

.textbox {
  color: #dcdcdc;
  position: relative;
  top: 50px;
  left: 170px;
  margin-right: 200px;
  max-width: 80ch;
  padding: 10px;
  border: 1px solid gray;
}

.textbox a {
  color: lightblue;
  font-weight: bold;
}

.sidenav {
  width: 150px;
  position: fixed;
  z-index: 1;
  top: 20px;
  left: 20px;
  overflow-x: hidden;
  padding: 8px 0;
  font-size: 24px;
}

.sidenav a {
  text-decoration: none;
  color: gray;
  font-weight: bold;
}

.sidenav a:hover {
  color: lightgray;
}