html {
  box-sizing: border-box;
}

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

html {
  background: repeating-conic-gradient(transparent 0 25%, rgba(0, 0, 0, 0.02) 0 50%) 0 0/1.5em 1.5em content-box border-box;
}

body {
  background-color: yellow;
}

main {
  max-width: 900px;
  margin: 1em auto;
  min-height: 100%;
  padding: 50px;
  background-color: hsla(24, 100%, 100%, 0.8);
}

section {
  margin: 20px 0;
  background-color: hsla(244, 100%, 100%, 0.8);
  padding: 40px;
  border-radius: 40px;
  display: flex;
  flex-flow: column;
  gap: 1em;
}

label {
  font-size: 2em;
  display: grid;
  grid-template-columns: 300px minmax(300px, 1fr);
}
label input {
  font-size: inherit;
}

/*# sourceMappingURL=color.css.map */