body {
    font-family: "Monaco", monospace;
    color: #FFFFFF;
    background-color: #474646; /*#121212;*/
    margin: 0; /* Vous ne connaissez pas encore cette propriété mais elle permet de s'assurer que nos éléments prennent bien toute la largeur de la page */
}

.intro {
    display: flex;
    background-image: url('https://i.imgur.com/yq6BweK.png');
    height: 250px;
    /*object-position: 70% 30%;*/ /*fonctionne pas en background*/
    background-position: 70% 35%; /*horizontalement / verticalement*/
    background-repeat: no-repeat; /*not repeat*/
}

.intro_2 {
    margin :5% auto 5% 0%;  /*top right bottom left*/
    background-image: linear-gradient(to left, #474646 0%, transparent 75%), url('https://www.rockstargames.com/VI/_next/static/media/ULTIMATE_EDITION_VICE_CITY_STYLE_02.0c-r4s-x7srt5.jpg');
    height: 300px;
    width: 75%;
    background-position: right 15%; /*horizontalement / verticalement*/
    background-repeat: no-repeat; /*not repeat*/
    background-size:100%; /*zoom*/
}

.intro_3 {
    margin :5% 0% 5% auto;  /*top right bottom left*/
    background-image: linear-gradient(to right, #474646 0%, transparent 75%), url('https://www.rockstargames.com/VI/_next/static/media/Vice_City_02.0c5.7qx17u9kl.jpg');
    height: 300px;
    width: 75%;
    background-position: left 30%; /*horizontalement / verticalement*/
    background-repeat: no-repeat; /*not repeat*/
    background-size: 100%; /*zoom*/
}

.container {
    padding: 3%;
}

footer {
    margin :5% 0% 5% auto;  /*top right bottom left*/
    background-image: linear-gradient(to right, #474646 0%, transparent 75%), url('https://www.rockstargames.com/VI/_next/static/media/ULTIMATE_EDITION_SQUALO_01.0cim7hj58ypb1.jpg');
    height: 300px;
    width: 75%;
    /*background-position: 60% 75%;*/ /*horizontalement / verticalement*/
    background-position: right 25%; /*horizontalement / verticalement*/
    background-repeat: no-repeat; /*not repeat*/
    background-size: 100%; /*zoom*/
}
.icon {
    position: relative;
    width: 75px;
    height: auto;
}

.icon_padding {
    padding: 1%;
}

.logo {
    margin :1% 1% 1% 1%;  /*top right bottom left*/
    height: 100px;
    width: auto;
}

.barr {
    display: flex;
}