body{
    font-family: 'Arial', serif;
    background-color: #c284b1;
}

.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    font-family: Coda;
}

.card{
    background-color: #7530b9;
    height: 200px;
    width: 200px;
    border-radius: 20px;
    margin: 20px;
}

.number{
    color: #7e7e7e;
    text-align: center;
    font-size: 311px;
    margin-top: 30px;
}

.info{
    background-color: #7a005e;
    margin-left: 1.7vw;
    margin-top: 5vh;
    width: 95%;
    height: 85vh;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    z-index: 100;
}

.close{
    position: fixed;
    margin-top: 79vh;
    font-size: 50px;
    margin-left: 55vw;
    background-color: antiquewhite;
    border: none;
    padding: 20px;
    border-radius: 20px;
}

.title{
    position: fixed;
    margin-top: 3vh;
    color: antiquewhite;
    font-size: 70px;
}

.text{
    position: fixed;
    margin-top: 8vh;
    width: 85%;
    height: 69vh;
    word-wrap: break-word; /* ou overflow-wrap: break-word; */
    font-size: 60px;
    overflow: auto;
    color: antiquewhite;
}

.image{
    max-width: 100%; /* Les images ne dépasseront pas la largeur de leur conteneur */
    height: auto;
}

i{
    margin-top: 50px;
}

@media (max-width: 1000px) {
    .card{
        width: 45%;
        height: 45vw;
    }
}