@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Pacifico');


.header {
  text-align: center;
    
}

a {
    color:#ffa500;
}
h2 {
    font-family: "Pacifico", serif;
}
h1{
    font-family: "Pacifico", serif;
}
  /* Appliquer la police Montserrat à tous les éléments */
  body {
    font-family: 'Montserrat', serif;
   /* background: -webkit-linear-gradient(#5F8575,#800CBC);*/
  }

#welcome-text {
  background: linear-gradient(45deg, #00ff00, #ffa500);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: bold;

}

#p-welcome-text {
  padding-top: 15vh;
    box-sizing : content-box;

}

/*.line-banner {
  width: 100%;
    height:100%;
    
 
  padding: 20px;
}*/

.banner-discover{
        font-family: 'Pacifico', serif;
    font-size: 700%;
    color:white;
    text-align:center;
}



.donation-container {
    text-align: center;
    margin-top: 20px;
  }

  .donation-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #008000; /* Couleur verte initiale */
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s; /* Ajout de la transition pour la couleur du texte */
  }

  .donation-button:hover {
    background-color: #FFA500; /* Couleur orange au survol */
    color: white; /* Changement de la couleur du texte au survol */
  }


.donation-info {
  font-size: 18px;
  color: white;
  background-color: #333;
  padding: 20px;
  border-radius: 10px;
  border: 2px solid white; /* Ajout de la bordure blanche */
}