body {
  background-color: #b852918f;
  color: #000000;
  margin-left: 10%;
  margin-right: 10%;
  font-family:  monospace;
  font-size: 110%
}

.maindiv {
  border: 2px solid #333;
  border-radius: 15px; /* Adjust for more/less roundness */
  background-color: #FFEFEF;
  display: flex;
  gap: 1%;
}

.headerdiv {
  background-color: #FFEFEF;
  border: 2px solid #333;
  border-radius: 14px;
  margin-bottom: 1%;
  font-family:  monospace;
  text-align: center;
  padding: 1%;
  font-size: 120%;
}

.navdiv {
  padding: 3%;
}

.sidediv {
	display: flex; 
	flex-direction: column;
  border-radius: 14px;
  font-size: 100%;
  background-color: #d8c0c0;
	width: 13%;
}

.articlediv {
  flex: 3;
  padding: 1%;
  width: 84%;
}

.footerdiv {  
  background-color: #FFEFEF;
  border: 2px solid #333;
  border-radius: 15px;
  margin-top: 1%;
  margin-bottom: 1%;
  padding: 0.5%;
}