html,body{
    font-family: 'Eagle Lake', sans-serif;
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;/* for chrome*/
    -moz-osx-font-smoothing: grayscale; /* for firefox*/
    background-color: #374158;
}

.custom-navbar{
    background-color: #11151D;
}

.custom-navbar .nav-link,
.custom-navbar .navbar-brand {
  color: #D76C58;
}

.custom-text{
    color : #D76C58;
}

.carousel-inner img {
    width: 100%;  /* S'assurer que l'image occupe toute la largeur du carrousel */
    height: 100%; /* Définir une hauteur fixe pour toutes les images */
    object-fit: cover; /* Ajuster l'image pour qu'elle couvre tout l'espace sans déformation */
}

.custom-button-background{
    background-color: #222D41;
}


    /* Animation au scroll */
    .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Effet sur l'image au survol */
    .img-hover-zoom {
      transition: transform 0.5s ease;
    }

    .img-hover-zoom:hover {
      transform: scale(2);
    }

  /* Custom card for main page */
  .card{
    background-color: #D76C58;
  }


.custom-btn{
  background-color: #374158; /* Bleu Bootstrap par défaut */
  color: #fff;
  border: 2px solid #D76C58;
  border-radius: 50px;       /* Bouton arrondi */
  padding: 10px 30px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px #D76C58;
}

.custom-btn:hover {
  background-color: #D76C58; /* Bleu plus foncé */
  border-color: #D76C58;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px #374158;

}