body {
  margin: 0;
  background: #f7f5ef;
  color: #1f2933;
  font: 17px/1.7 Arial;
}

header {
  background: #141414;
  color: white;
  padding: 26px 7%;
}

nav {
  display: flex;
  gap: 24px;
}

nav a {
  color: white;
}

main {
  width: min(900px, 90%);
  margin: 42px auto;
}

.intro {
  background: white;
  border: 1px solid #ddd6c8;
  padding: 38px;
}

h1 {
  font: bold 42px/1.15 Georgia;
  margin: 0 0 16px;
}

h2 {
  font: bold 26px Georgia;
  margin: 38px 0 12px;
}

p {
  margin: 14px 0;
}

section {
  background: white;
  border: 1px solid #ddd6c8;
  padding: 30px 38px;
  margin: 24px 0;
}

ul {
  margin: 0;
  padding: 0 0 0 22px;
}

li {
  margin: 10px 0;
}

a {
  color: #141414;
}

.footercta {
  background: #141414;
  color: white;
  padding: 30px 38px;
  margin: 32px 0;
}

.footercta a {
  color: white;
}