body 
{
  font-family: georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  color: #222;
  background: #f7f3ec;

  max-width: 68ch;
  margin: auto;
  padding: 4rem 1.5rem;
}

.grid-layout
{
  display: grid; 
  grid-template-columns: 1fr 1fr;

  gap: 20px;

  padding: 20px;
}

.container
{

display: flex;
flex-direction: column;
border: 2px solid black;
margin-top: 10px;
padding: 20px;
min-height: 300px;
}

/* Mobile adjustment */
@media (max-width: 700px) {
  .grid-layout {
    grid-template-columns: 1fr;
  }

}

.commentary
{
  background-color: deeppink;
}

.essays
{
  background-color: rgb(145, 37, 37);
}

.econ101
{
  background-color: coral;
}


.randd
{
  background-color: darkgreen;
}

.tioh
{
  
  background-color: rgb(42, 151, 151);
}

.personal
{
  background-color: blueviolet;
}