body {
  overflow-x: hidden;
  background-color: #fff;
  color: var(--body-font-color);
}

header {
  background-color: var(--body-font-color);
}

.carousel-container {
  padding-top: 5rem !important;
}

.his-heading h2 {
  font-size: 3rem;
  font-family: var(--main-font);
  margin-bottom: 2rem;
}

.his-heading p {
  margin-bottom: 5rem;
}

.history-cards .col-12 {
  margin-bottom: 4rem;
}

.card {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.card-bod {
  padding: 2rem 1rem;
}
.card h2 {
  font-family: var(--main-font);
}

.date {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}