body{
    margin: 0;
    padding: 0;
}

.main-container{
    width: 100%;
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: roboto;
}
.main-container .events{
    width: 80%;
    min-height: 100vh;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
}
.main-container .events h1{
    text-transform: uppercase;
    color: #50B1E9;
}
.main-container .events h2{
    text-transform: uppercase;
    color: #abcf47;
}
.main-container .event{
    width: 100%;
    height: 120vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.main-container .event .event-img{
    width: 100%;
    height: 80%;
}

.main-container .event .event-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.main-container .events .event-desc{
    width: 80%;
    padding:10px;
    color: #494949;
}
.main-container .events .event-desc p{
    text-align: justify;
}
.event-links {
    display: flex;
    flex-direction: row;
    gap: 10px; /* Espace horizontal entre les boutons */
    flex-wrap: wrap; /* Permet de passer à la ligne si nécessaire */
}
.event-btn {
    background: orange;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}