* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  text-align: center;   
  width: 40%;
  padding: 10px;
}
.columncontainer {    
  display: flex;
  justify-content: center; /* Centers the container horizontally */
  align-items: baseline;     /* Centers the container vertically (optional) */
  display: flex;
  gap: 20px;               /* Space between the columns */
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

h2.center {
	text-align: center;
	font-size: 1.5rem;
	margin: auto;
}
h2.left {
	text-align: left;
	font-size: 1.5rem;
	margin-left: 14%;
}