#Projects {
  padding-inline: 5rem;
  padding: 4rem 3rem;
}

#Projects > p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 120%;
}

#Projects .Cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 2.5rem;
}

.CardSectionTitle {
  text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.66);
}

@media screen and (max-width: 800px) {
  #Projects {
    padding-inline: 1rem;
  }
}
