body{
    background-image: url("img/background_img/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
}
section{
    display: block;
    margin-left: 25%;
    margin-right: 25%;

}

.title {
    width: 500px;
    margin-left: 40%;
    
}

.logo{
    width: 500px;  
}

.part1{
    background-color: rgb(56, 54, 54);
    border: 7px solid red;
    border-radius: 10px;
    margin-bottom: 20px;
}



h1{
    text-align: center;
    color: rgb(183, 0, 0);
}
.histoire{
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    color: white;
}

.div-cartes{   
    background-color: rgb(0, 0, 0);
    border: 7px solid rgb(179, 161, 0);
    border-radius: 10px;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    padding: 10px;
  }

  h3{
    font-weight: bold; /* h3 gras */
  text-decoration: underline; /*h3 Souligné*/
    display: inline-block;
    margin: 3px;
}
h3+p{
    display: inline-block;
    margin: 3px;
}
br{
    height: 5px;
}
.hover-yellow:hover{
    color: yellow;
}
.hover-green:hover{
    color: greenyellow;
}

.michael{
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/ferarri.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    grid-column-start: 1;
    grid-column-end: 2;
    color: white;
}
.lewis{ 
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/mercedes.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
.seb{
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/red_bull.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.ayrton{
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/mclaren.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.max{
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/red_bull.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.fernando{
    border: 5px groove gold;
    border: 5px ridge gold;
    border: 5px inset gold; 
    border: 5px outset gold;
    background-image: url("img/background_img/aston.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
}