/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Styles for base project */

.hero-section {
  position: relative;
}

.carousel-item {
  height: 100vh;
  background-size: cover;
  background-position: center;
}

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

.carousel-caption .display-4 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
}

.carousel-caption .btn-primary {
  background-color: #FFC107;
  border-color: #FFC107;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}

.carousel-caption .highlight {
  color: #FFC107;
  font-weight: bold;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 10px;
}