body {
  margin: 10px;
  padding-top: 10px;
  font-family: 'Assistant', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  background-color: rgb(244, 241, 239);
  color: black;
  justify-content: center;
}

h1 {
  font-family: 'Source Serif Pro', serif;
  font-size: 21pt;
  font-weight: 600;
}

h2 {
  font-family: 'Source Serif Pro', serif;
  font-size: 17pt;
  font-weight: 600;
}

h3 {
  font-family: 'Source Serif Pro', serif;
  font-size: 14pt;
  font-weight: 600;
}

h4 {
  font-family: 'Source Serif Pro', serif;
  font-size: 12pt;
  font-weight: 600;
}


a {
  color: rgb(199, 99, 87)
}

a:visited {
  color: rgb(14, 148, 157)
}


p {
  font-size: 11.5pt;
  color: rgb(77, 77, 77);
}



.grid-container {
  display: grid;
  grid-template-columns: auto auto;
}

.grid-item {
}