/* .roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
*/

body{
    font-family: "Roboto Flex";
    margin: 0;
    line-height: 1.6;
    font-size: 18px;
}

section{
    margin: 0px 5%;
    width: 50vw;
}

h1{
    font-family: "Roboto Flex";

    font-size:93px;
    line-height: 0.3;
    font-variation-settings:
    "slnt" 10 ,
    "wdth" 100,
    "GRAD" 10;

}

h2{
    margin-top: 50px;
    margin-bottom: 26px;
    font-family: "Roboto Flex";
    font-weight: 100;
    font-size: 45px;
    line-height: 0.6;
}
h3{
    font-weight: 700;
    line-height: 1;
    font-size: 33px;
    margin: 0;
}
.extrait{
    margin: 10px 0;
    display: flex;
    width: fit-content;
    line-height: 1.4;
    max-width: 135px;


}

.drt{
    margin:  0 150px;
}
.sec2{margin-left: 25%;}

.sec3{
    margin-left: 35%;
}
.sec4{
    margin-left: 60%;
}
.sec5{margin-left: 35%;}
.def{
    font-size: 18px;
    line-height: 1.8;
    font-weight: 100;
}


span {
    margin: 10px 0 25px 0;
    display: flex;
        font-size: 15px;
    font-weight: 100;
    text-transform: uppercase;
    color:  rgba(0, 0, 0, 0.8);

    align-items: center;
    height: 30px;
    gap: 10px;

}
span img{
    margin-top: 0px;
    width: 25px;

}