html {
  font-family: Arial;
  border-style: solid;
}

h1 {
  text-align: center;
}

p {
  font-size: 24px;
}

#logo {
  font-family: Optima;
  font-size: 42px;
  background: lightgrey;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

#logo a {
  text-decoration: none;
  color: black;
}

.menu {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}


#pages {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}

.page-link {
  text-decoration: none;
  font-size: 32px;
}

.page-link:hover {
  color: #2F4F4F;
}

.article {
  margin-top: 32px;
}

.article * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 65%;
}

.demo {
  width: 100%;
}