* {

    padding: 0px;

    margin: 0px;

}

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


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



body{
    background-color: #262626;

    height: 100%;

}

p{

    font-family: Montserrat;

    color: #d0d0d0; /*de base = #7f7f7f, changée pour lisibilité*/

    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;

}





.titre{

    width: fit-content;

    margin: auto;

    margin-top: 9vw;

    text-align: center;

}



.contenu{

    margin-top: 25vw;

}

.contenu div{

    padding: 4vw;

    text-align: center;

}

button{

    border-radius: 3vw;

    width: 70vw;

    height: 20vw;

    padding: 5vw;

    background-color: #262626;

    border: solid #d0d0d0 0.6vw;

    font-family: Montserrat;

    font-size: 4vw;

    color: #d0d0d0;

    transition-duration: 0.5s;

}

button:hover{

    color: #262626;

    background-color: #d0d0d0;

}



.copyright{

    position: fixed;

    bottom: 0px;

    width: 100%;

    padding: 10px;

    text-align: center;

    background-color: #262626;

}



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

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

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

    .contenu{margin-top: 106px;}

    h1{font-size: 40px;}

    p{font-size: 17px;}

    button{width: 300px;height: 85px;padding:18px;font-size: 17px;border:solid #d0d0d0 3px;border-radius: 15px;}

    .contenu div{padding: 17px;}

    .titre{margin-top: 38px;}

}