.top-section {
  background: var(--excel-green-medium);
}

#title-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;

  #title {
    margin-bottom: 2rem;
    line-height: 1;
  }

  .site-icon-wrapper {
    font-size: 6rem;
  }

  filter: drop-shadow(1px 2px 8px var(--shadow-color));
  --shadow-color: hsl(149, 88%, 26%);
  box-shadow: 0 1px 1px hsl(149, 88%, 26% / 0.075);
}

#blurb-wrapper {
  background: white;
  color: var(--excel-green-medium);
}

#blog-title {
  text-align: center;
}

.blog-card-image {
  img {
    max-width: 200px;
    border-radius: 4px;

    @media (min-width: 1200px) {
      max-width: 300px;
    }

    @media (min-width: 1700px) {
      max-width: 400px;
    }
  }
}

.blog-card-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.blog-card-text {
  padding: 16px;
}

.card-v2-title {
  text-decoration: none;
}

.card-v2-content {
  display: flex;
}

.blog-title-link {
  text-decoration: none;
  color: black;
}

.blog-title-link:hover {
  text-decoration: underline;
}

.j2e-grid {
  padding: 16px;

  @media (min-width: 1200px) {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }

  @media (min-width: 1700px) {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
  }
}

#intro {
  margin: 32px;
  padding: 32px;

  p {
    margin-bottom: 16px;
  }
}