html, body {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
}


#contentbox{
 height: 100vh; /* 100% of viewport height */
  width: 100vw;  /* 100% of viewport width */
  padding: 10px;
  box-sizing: border-box; /* Includes padding inside height/width */
}

 
#content{
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 10px;
  color:#000000;
  font-family: "VT-100", fixedsys, System, monospace;
  font-size: 12px;
  text-align: justify;
  padding: 15px;
  box-sizing: border-box; /* Avoids content overflow due to padding */
}
 
#content h1{ 
margin: 0px;
border-bottom: 2px dotted #483475;
color: #000000;
text-align: right;
font-weight: normal;
font-size: 26px;
text-shadow: 1px 1px #8a5360;
}