/* A minimal reset for a simple document */
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

/* Page settings */
body {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
  color: #2f3029;
  background-color: #eb9b10;
}
.green {
  background-color: #64b83d;
}
.blue {
  background-color: #0e8ed0;
}
.purple {
  background-color: #9a5dc9;
}

/* Page layout */
main {
  max-width: 640px;
  background-color: #fff6;
  padding: 1rem 2.4rem 1.75rem;
  border: 5px solid #fff8;
  margin: 2.75rem auto;
  box-shadow: 0 0 0 5px #fff4, 0 0 0 10px #fff2;
}
fieldset {
  margin-top: 1.5em;
  border: none;
}
legend {
  margin-bottom: 0.5em;
  font-weight: 500;
}
label {
  margin-right: 1.5em;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Cambria, Georgia, serif;
  font-weight: normal;
  line-height: 1.2;
  text-wrap: balance;
}
h1 {
  font-size: 2.75rem;
}
h2 {
  font-size: 2.25rem;
  font-style: italic;
  color: #c64410;
  margin-top: 3rem;
}
p {
  font-size: 1.25rem;
  line-height: 1.55;
  text-wrap: pretty;
  margin-top: 0.5rem;
}