h1 {
  font-family: Arial;
  font-size: 50px;
  text-align: center;
  flex: 1 100%;
}

h2 {
  font-family: sans-serif;
  font-size: 30px;
  text-align: center;
}

h3 {
  font-family: sans-serif;
  font-size: 30px;
  text-align: center;
}

h4 {
  font-family: sans-serif;
  font-size: 30px;
  text-align: center;
}

div {
  border-radius: 25px;
  margin: 5px;
}

.column {
  width: 50%;
}

#otis {
  list-style-type: none;
  font-family: Arial;
}

#container {
  display:flex;
  justify-content: space-between;
}

#about {
  text-align: center;
  font-family: Arial;
  padding: 5px 10px;
  font-size: 16px;
  border: 2px solid;
  border-color: green;
}

#how {
  text-align: center;
  font-family: Arial;
  padding: 5px 10px;
  font-size: 16px;
  border: 2px solid;
  border-color: red;
}

#zzz {
  text-align: center;
  font-family: Arial;
  padding: 5px 10px;
  font-size: 16px;
  border: 2px solid;
  border-color: yellow;
}

#iono {
  text-align: center;
  vertical-align: middle;
  font-family: Arial;
  padding: 5px 10px;
  font-size: 16px;
  border: 2px solid;
  border-color: blue;
}