* {
  font-family: sans-serif;
  padding: 0;
  margin: 0;
}

body {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

h1 {
  font-family: sans-serif;
  background: lightgrey;
  color: Black;
  grid-column: 1 / -1;
  text-align: center;
}

h2 {
  background-color: darkgray;
  grid-column: 1 / -1;
  text-align: center;
}

h3 {
  font-weight: lighter;
  color: gray;
  padding-bottom: 10px;
  text-align: center;
}

.language {
  border: 1px solid black;
  background-color: lightgray;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.language p {
  font-family: system-ui;
}

.span2 {
  grid-column: span 2;
}

.span3 {
  grid-column: span 3;
}