body {
  /* padding-top: 2rem; */
  margin-top: -1rem;
  font-size: 1.2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  display: none;
}

.italic {
  font-style: italic;
}

.hero {
  padding: 3rem 1.5rem;
  text-align: center;
  /* background-color: lightblue; */
}

.title {
  font-size: 1.5rem;
}

.subtitle {
  font-size: 1.4rem;
  padding-bottom: .5rem;
}

.pad-top {
  padding-top: .5rem;
}
.ml-btn {
  background-color: #3197e1;
  font-size: 1.1rem;
  padding: .5rem 1rem;
  margin-top: 1rem;
}

a.ml-bottom {
  margin-bottom: 2rem;
}

.ml-center {
  text-align: center;
}

.agenda {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.agenda-day {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 1px solid lightgray;
  border-radius: 10px;
  margin-bottom: 1rem;
  background-color: lightblue;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.agenda-day:hover {
  background-color: lightgray;
}

.agenda-topic {
  font-size: 1.3rem;
}

.letter {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.profile-pic {
  max-width: 130px;
  margin-bottom: 1rem;
}

.profile-pic img {
  max-width: 100%;
  border-radius: 50%;
}