* {
  margin: 0px;
  padding: 0px;
  font-family: Poppins;
}

.light-text {
  color: var(--light-color);
}

.dark-text {
  color: var(--dark-color);
}

.light-bg {
  background-color: var(--light-color);
}

.dark-bg {
  background-color: var(--dark-color);
}
.navbar {
  background-color: rgba(255, 255, 255, 0);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--light-color) 100%);
}

.text-shadow {
  text-shadow: 1px 1px 30px rgba(54, 54, 54, 0.5),
    -1px -1px 30px rgba(54, 54, 54, 0.5);
}

.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}

.course-card > .card {
  min-height: 520px;
}

.course-card > .card > .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.course-card > .card > .card-body > .btn {
  align-self: end;
}

.social-links > li {
  list-style: none;
}

.social-links a {
  text-decoration: none;
  color: var(--white);
}
.social-links a:hover {
  color: var(--light-color);
}

.butt {
  border-bottom: 5px solid var(--dark-color);
}

.footer {
  width: 100%;
  min-height: 100px;
  color: var(--white);
  background-color: var(--dark-color);
}

@media screen and (max-width: 500px) {
  .hero {
    height: 40vh;
  }
}