* {

    padding: 0px;

    margin: 0px;

    overflow-x: hidden;

}

@font-face {
    font-family: "Montserrat";
    src: url("../assets/Montserrat-Regular.ttf") format("truetype");
   }


body{

    background-color: #262626;

    height: 100%;

}


/*--------------------POLICE--------------------*/


p{

    font-family: Montserrat;

    color: #D0D0D0;

    font-size: 4vw;}



h1{

    font-family: Bahnschrift Light;

    font-size: 9.5vw;

    background: url(https://zupimages.net/up/22/13/4762.jpg) no-repeat center center;

    background-size: cover;

    color: #fff;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    -moz-background-clip:text;

    background-clip:text;

}

h2{

    font-size: 6vw;

    font-family: Bahnschrift Light;

    color: #D0D0D0;

}

span{

    color: #BC9F4E;

}



/*--------------------TITRE--------------------*/


.titre{

    width: fit-content;

    margin: auto;

    margin-top: 9vw;

    text-align: center;

}

/*--------------------BOUTON RETOUR--------------------*/


.retour{
    width: 20vw;height:12vw;

    text-align: left;

    margin-left: 8vw;

    margin-top: 8vw;

}

.btnretour{

    width: 17.5vw;

    height: 9.2vw;

    background-color: transparent;

    background: url(https://zupimages.net/up/22/13/szir.png) no-repeat 1px 1px;

    background-size: 17vw;

    border: none;

}

.btnretour:hover{

    background: url(https://zupimages.net/up/22/13/24wx.png) no-repeat 1px 1px;

    background-size: 17vw;

}


/*--------------------CONTENU--------------------*/


.types{

    display: flex;

    flex-direction: column;

}

#flex{

    flex: 33%;

    text-align: center;

    width: fit-content;

    margin: auto;

    margin-bottom: 7vw;

}

#marge{

    margin: 15vw 0 5vw 0;

}

.contenu{

    margin-top: 10px;

}

.contenu button{

    border-radius: 2.5vw;

    width: 70vw;

    height: 18vw;

    background-color: #262626;

    border: solid #D0D0D0 0.5vw;

    font-family: Montserrat;

    font-size: 4.3vw;

    color: #d0d0d0;

    transition-duration: 0.5s;

}

.contenu button:hover{

    color: #262626;

    background-color: #D0D0D0;

}

.texte{

    width:95%;margin:auto;

}


/*--------------------COPYRIGHT--------------------*/


.copyright{

    width: 100%;

    margin-top: 8vw;

    padding: 10px;

    text-align: center;

    background-color: #262626;

}


/*--------------------MEDIAS--------------------*/


@media only screen and (min-width: 425px){

    /*.contenu{background-color: red;}*/

    h1{font-size: 40px;}

    p{font-size: 17px;}

    .titre{margin-top: 38px;}

    .retour{margin-top: 34px;margin-left: 34px;}

    .btnretour{background-size: 72px;}

    .btnretour:hover{background-size: 72px;}

    img{width: 93.5px;height: 82.5;}

    .contenu button{width: 297px;height: 76px;font-size: 18px;border:solid #D0D0D0 2px;border-radius: 10px;}

    #flex{margin-bottom: 30px;}

    #marge{margin: 60px 0 20px 0;}

    h2{font-size: 25.5px;}

    .texte{width:75%;}

}

@media only screen and (min-width: 620px){

    /*.contenu{background-color: yellow;}*/

    .btnretour{width:108.5px;height:57px;}

    .retour{width:75%;height:74px;margin:auto;margin-top: 34px}

    body::-webkit-scrollbar {width: 20px;}

    body::-webkit-scrollbar-track {background: #595959;}

    body::-webkit-scrollbar-thumb {background-color: #262626;border-radius: 20px;border: 3px solid #595959;}

    .copyright{margin-top: 49.7px;}

    .questions{margin-bottom: 17px;}

}





@media only screen and (min-width: 1000px){

    /*.contenu{background-color: green;}*/

}