#game_zone {
    border: 1px solid #000000;
}

body {
    /* background-color: rgba(128, 128, 128, 0.74); */
    background: linear-gradient(90deg, white, rgba(128, 128, 128, 0.74) 5%, rgba(128, 128, 128, 0.74) 95%, white);
    /* background: linear-gradient(90deg, rgba(128, 128, 128, 0.74), white, rgba(128, 128, 128, 0.74)); */
}

footer {
    background-color: #000000;
    color: white;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.promo {
    height: 600px;
    text-align: center;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#title{
    background-image: url("../images/photo-min.jpg");
}
#what{
    background-image: url("../images/prog-min.png");
}
#who{
    background-image: url("../images/asso-min.png");
}

.present {
    height: 600px;
    background-color: rgba(128, 128, 128, 0.74);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.illust {
    border: 2px solid rgba(128, 128, 128, 0.74);
}
.minigames{
    background-color: white;
    border-radius: 5px;
}
#formulGame{
    margin-bottom: 2rem;
}
@media screen and (min-width: 576px){
    #title{
        background-image: url("../images/photo.jpg");
    }
    #what{
        background-image: url("../images/prog.png");
    }
    #who{
        background-image: url("../images/asso.png");
    }
}