*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  /* height: 100vh; */
}

body {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background: hsl(40, 27%, 10%);
  background: hsl(215, 3%, 25%);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1rem;
}

section {
  width: 100%;
  max-width: 1100px;
  display: block;
  margin: 0 auto;
  color: white;
  text-align: center;
  padding-bottom: 2rem;
}

/* section *:last-child {
  margin-bottom: 0;
} */

h1 {
  font-size: 250%;
  color: white;
  padding: 0 16px 1rem 16px;
}

img {
  display: block;
  width: 100%;
  /* mix-blend-mode: screen; */
  margin-bottom: 2rem;
}

section div {
  padding: 0 16px;
}

section div * {
  text-align: left;
  font-size: .8rem;
  color: rgba(255,255,255,.7);
}

hr {
  margin: 2rem 0;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.5);
}