/*------------------------------------------------------------*/
/* Burgbacher Kelian */
/* Finit le 13 janvier */
/* Cette page est dédiée à mettre du style aux pages des activités d'été */
/*------------------------------------------------------------*/
body{
    margin: 0;
    background: 
        linear-gradient(to bottom, rgba(4, 43, 151, 0.9) 0%, #5c566e 100%), /* gradient */ 
        url("../images/homepageMountains.png") no-repeat center top;   /* images centrée */;
    background-size: cover; /* couvrir tout l'écran */
    background-attachment: fixed; /* faire que les montagnes soient toujours là */
}
.HeaderLogoActivite{ /* logo décaller pour mieux centrer */
    margin-left:30%
}
.iconDactivite{
    width:20%;
}
.titreDactivite{
    margin-left: 5%;
}
.divActivite{
    display: flex;
    align-items: center;
}
.scrollTextActivite{ /* permet d'ajouter du scroll */
    border: 1px solid black;
    padding: 10px;
    height: 550px;
    overflow: hidden; /* cacher le débordement*/
    overflow-y: scroll; /* ajoutet le scroll*/
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
    width: 40vw;
    transition: all 0.5s;
    text-align: justify;
}
.scrollTextActivite:hover{
    scrollbar-color: gray transparent;
}
@media (max-width: 768px) { /* média querys */
    .HeaderLogoActivite{
        margin-left: 20%
    }
    .scrollTextActivite{
        height: 50vh;
        width: 50vw;
        margin-left: 20%;
    }
    .iconDactivite{
        margin-left: 20%;
    }

}