main {
  border-left: 4rem solid transparent;
  border-right: 4rem solid transparent;
  border-image: url('assets/other/flower-frame.png') 435 round;
}

#site-description {
  margin-block-start: .5rem;
  margin-block-end: .5rem;
  inline-size: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  place-content: center;
  align-items: center;

  img {
    min-inline-size: 30%;
    max-inline-size: 40%;
    flex: 1;
  }

  p {
    flex: 1;
    text-align: justify;
    min-width: 30ch;
  }
}

#garden {
  display: flex;
  flex-wrap: wrap;
  place-content: space-around;
  gap: 1ch;

  article {
    flex: 1 1 20%;
    padding-inline: 2ch;
    padding-block-end: 0.5em;

    h3 {
      font-size: medium;
      text-transform: lowercase;
      margin: 0;
      margin-block: 0.5em;
    }

    a {
      display: block;
      img {
        object-fit: cover;
        border-radius: .2em;
        aspect-ratio:  1 / 1;
      }
    }

    .price {
      text-align: center;
      font-weight: bold;
    }
  }
}

#strawberry-earrings {
  object-position: bottom left;
}

#shopping-instructions {
  margin-inline: 15%;

  & > * {
    background-color: var(--secondary-color);
    color: var(--primary--color);
    border: 2px solid var(--primary-color);
    margin-block: 0;
    margin-inline: auto;
    padding-inline: 1ch;
    padding-block: .2em;
  }

  h3 {
    width: fit-content;
    border-block-end: none;
    border-radius: 0.2em 0.2em 0 0;
  }

  div {
    border-radius: 0.2em;
    width: fit-content;
  }

  p {
    text-align: center;
    margin-block: .2em;
  }

  p:last-child {
    font-size: larger;
    font-weight: bold;
  }
}