body {
    font-family: 'Roboto', sans-serif;
    background-color: #bfbfbf;
}
h1, h2, h3, h4 {
  font-family: 'Roboto Slab', serif;
}
.navBar {
  background-color: #333333;
  overflow: hidden;
  text-align: center;
}
.navBar h1 {
  color: #f2f2f2;
}
.navBar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 1em 1em;
  text-decoration: none;
}
.navBar a:hover {
  background-color: #f2f2f2;
  color: black;
}
.grid {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-rows: auto;
}
.textBox {
  padding: 1em;
}