@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

section {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  padding-bottom: 5rem;
  padding-top: 10vh;
  text-align: center;
}

.container {
  margin: 3rem;
}

h1 {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.message-body {
  margin: 3rem;
}

.message-body img {
  margin: 2rem auto;
  width: 30rem;
  border-radius: 50%;
}

.message p {
  text-align: justify;
  font-size: 2.2rem;
  /* display: inline; */

  /* word-spacing: 2px; */
  letter-spacing: 1px;
  /* font-family: source-serif-pro, Georgia, Cambria, 'Times New Roman', Times,
    serif; */

  font-family: Lato, sans-serif;
  text-indent: 5rem;
  margin-bottom: 2rem;
}

.person {
  text-align: left;
  margin-top: 3rem;
}

.person .name {
  font-size: 2rem;
  text-transform: uppercase;
  word-spacing: 7px;
}

.person .position {
  font-size: 1.5rem;
  font-style: italic;
  text-transform: capitalize;
}

.person .email {
  font-size: 1.5rem;
  font-weight: 600;
}