.main {
  max-width: 800px;
  margin: 2em auto;
  background: #fff;
  padding: 2em;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* .main h1,
.main h2 {
  color: #007acc;
  font-size: 16px;
}

.main ul {
  padding-left: 1.2em;
} */

.main__title {
  font-size: 25px;
}

@media screen and (max-width: 700px) {
  .main {
    margin: 0.5em;
    padding: 1em;
    font-size: 14px;
  }

  .main__title {
    font-size: 16px;
  }
}