style.css

* {
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
}

/* Add styles here! */
.max-width-wrapper {
  max-width: 768px;
  margin: 0 auto;
}
header .intro-chunk,
main .card {
  padding: 0 16px;
}
header {
  padding: 48px 0 32px;
}
header .intro-chunk {
  max-width: 320px;
}
header .title + p {
  margin-top: 32px;
}
header p {
  font-size: 1.25rem;
}
header strong {
  color: hsl(160, 100%, 30%);
}
main {
  background-color: hsl(0, 0%, 60%);
  border-top: 3px solid hsl(0, 0%, 30%);
  padding: 32px 0;
}

main .card {
  background-color: white;
  border-bottom: 3px solid hsl(0, 0%, 30%);
}

.indented-heading {
  background-color: hsl(45, 100%, 50%);
  padding: 16px 32px 16px 32px;
  display: inline-block;
  margin-top: 8px;
  margin-left: -32px;
  margin-bottom: 0;
  border-bottom: 3px solid hsl(45, 100%, 40%);
}