:root {
    --shadow-color: 337deg 30% 48%;
    --shadow-elevation-low:
      -1px 1px 1.6px hsl(var(--shadow-color) / 0.34),
      -1.7px 1.7px 2.8px -1.2px hsl(var(--shadow-color) / 0.35),
      -4.1px 4.1px 6.7px -2.3px hsl(var(--shadow-color) / 0.37);
    --shadow-elevation-medium:
      -1px 1px 1.6px hsl(var(--shadow-color) / 0.36),
      -3.4px 3.4px 5.5px -0.8px hsl(var(--shadow-color) / 0.37),
      -8.5px 8.5px 13.8px -1.6px hsl(var(--shadow-color) / 0.38),
      -20.5px 20.5px 33.3px -2.3px hsl(var(--shadow-color) / 0.39);
    --shadow-elevation-high:
      -1px 1px 1.6px hsl(var(--shadow-color) / 0.33),
      -6.4px 6.4px 10.4px -0.3px hsl(var(--shadow-color) / 0.34),
      -11.9px 11.9px 19.3px -0.7px hsl(var(--shadow-color) / 0.34),
      -19.3px 19.3px 31.3px -1px hsl(var(--shadow-color) / 0.35),
      -30.5px 30.5px 49.5px -1.3px hsl(var(--shadow-color) / 0.35),
      -47.3px 47.3px 76.8px -1.7px hsl(var(--shadow-color) / 0.36),
      -71.6px 71.6px 116.2px -2px hsl(var(--shadow-color) / 0.36),
      -105px 105px 170.4px -2.3px hsl(var(--shadow-color) / 0.37);
  }
  body{
        background-color: #f2f2f2;
  }
  h1 {
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    color: #861e19;
  }

  h3 {
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
  }

  p {
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
  }

  blockquote {
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
  }

  pre {
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
  }

  img {
    max-width: 20rem;
    width: 20rem;
  }
  #hero{
    margin: 2rem auto;
    max-width: max-content;
    text-align: center;
    box-shadow: var(--shadow-elevation-medium);
    padding: 1.5rem;
    background-color: #fff;
  }

  a{
    color: #861e19;
  }