@import url('https://fonts.googleapis.com/css2?family=Andika&family=Anton&family=Kavoon&family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Andika&family=Anton&family=Bebas+Neue&family=Kavoon&family=Lilita+One&display=swap');
body {
    background-color: black;
    color: whitesmoke;
    margin-top: 0;
    margin: 20px 80px;
}
.cont {
    display: flex;
    justify-content: center;
    margin-top: 0;
}
.video video {
    margin-top: 0;
}
.titre {
    text-align: center;
    margin: 0;
    margin-top: 0;
    padding: 0;
    font-size: 7vh;
    font-family: 'Bebas Neue', cursive;
    color: aqua;
}
.daron {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 90px;
}
.contnaire {
    display: flex;
    justify-content: inherit;
}
.contnaire1 {
    display: flex;
    justify-content: inherit;
}

.contnaire img {
    height: 200px;
    width: 200px;
}
.contnaire1 img {
    height: 200px;
    width: 200px;
}
.texte {
    display: flex;
    flex-direction:column;
}
.texte h2 {
    margin-top: 0;
    font-size: 10vh;
    margin: 0;
    font-family: 'Lilita One', cursive;
    color: #87CEEB;
}
.texte p {
    font-size: 1.1vh;
    margin: 5px 0px 0px;
}
.texte h3 {
margin: 12px 0px 0px;
font-size: 4vh;
font-family: 'Quicksand', sans-serif;
}
.texte a {
    font-size: 3vh;
    color: aqua;
}
.texte a:hover{
    font-size: 6vh;
    color: red;
    transition: color 0.7s;
}
hr {
    margin-top: 40px;
    border: 1px solid rgb(9, 238, 238);
    width: 100%;
}
.contact1 {
    margin-top: 40px;
}
h2 {
    text-align: center;
    font-size: 6vh;
    color: #87CEEB;
}
.contact1 a {
    font-size: 4.5vh;
    text-decoration: none;
    padding: 110px;
    color:#696969;
    text-align: center;
}
.contact1 a:hover {
    font-size: 5.5vh;
    color: aqua;
    transition: color 0.7s;
}
.button {
    height: 50px;
    display: flex;
    margin-top: 100px;
    text-decoration: none;
}
button {
    font-size: 3vh;
    background-color: inherit;
    color: #87CEEB;
    cursor: pointer;

}
button:hover {
    background-color:#87CEEB;
    color:black;
    border-radius: 2rem;
}
@media screen and (max-width: 640px) {
    .video .video {
    
    }
    .daron {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
.contnaire {
    display: flex;
    display: inherit;
}
}