/* Center the outer div */
    .center-div {
      display: flex;
      justify-content: center;
      align-items: flex-start;
     /* height: 100vh; Note from GPT: Adjust as needed to center vertically; Note from me: That created a hell of a problem! */
    }

    /* Left-align the contents within the inner div */
    .inner-div {
      text-align: left;
    }




body {
background-color: #FFFFE0;
color: #0000FF;
  font-family: 'Courier';
  font-style: Normal;
  font-weight: 600;	
}

.tablemat
	{
	background-color: #FFFFE0;
	<!--border-collapse: collapse;-->
	}
	
.midcel
	{
	vertical-align: middle;
	text-align: center;
	}
	
.tableContainer 
	{
	margin-top: -8;
	padding-top: 0;
	margin-left: -8;
	padding-left: 0;
	margin-right: -8;
	padding-right: 0;
	background-color: #FFFFE0;
	color: #0000FF;
	}

.custom-font-size
	{
	font-size: 20px; /* Set the desired font size */
	}
	
h1 {
  font-size: 75px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}