details {
  background: hsl(30 100% 85%);
  border-radius: 8px;
  font-size: 1.5rem;
  padding: 1rem;
  
  &[open] {
    background: hsl(130 100% 85%);
  }
}

summary {
  font-family: "Caveat", cursive;
  font-size: 1.5em;
}

@layer base {
  body {
    background-image: radial-gradient(
      50% 50% at center bottom,
      rgba(0, 0, 0, 0.66),
      rgb(38, 38, 38)
    ),
    linear-gradient(rgb(255, 255, 255), rgb(38, 38, 38));
    height: 100dvh;
    padding: 1.5rem;
  }
}