* {

    padding: 0px;

    margin: 0px;

    overflow-x: hidden;

}

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


body{
    background-color: #262626;

    flex: 55%;

}

/*--------------------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: 4.3vw;

    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--------------------*/


#left{
    padding: 0 0 2vw 0;
    width: 95%;
    margin: auto;
    text-align: left;
}

.contenu{
    width:100%;
    margin:auto;
    text-align: center;
    margin-top: 10px;
}

img{
    width: 100%;
}


#flex{
    text-align: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 7vw;
}


.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;

}


/*--------------------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;}

    #left{width:65%;}

    #flex{margin-bottom: 30px;}

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

}

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

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

    .contenu{width:65%;}

    .copyright{margin-top: 49.7px;}

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

    .retour{width:65%;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;}

    img{width:400px;}

}





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

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

}