body{
    background: #15591e;
    background: linear-gradient(90deg,rgba(21, 89, 30, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(102, 161, 31, 1) 100%);
    border: 20px dotted white;
    text-align: center;
    color: aliceblue;
   font-family: basteleur
}
nav{
    position: fixed;
    width: 100%;
    top: 40px;
}
p{
    background: url(../images/carnet\ 20.jpeg);
    padding: 50px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    width: 90%;
    text-align: justify;
    margin:0 auto;
}
h1{
    font-size: 100px;
    transform: skew(-10deg,0);
    text-shadow: 0 0 20 black;
}
h2{
    margin-top: 40px;
}
img{
    width: 90%;
    margin-bottom: 20px;
    margin-top: 30px;
}
a{
    background: white;
    padding: 15px;
    color: black;
    text-decoration: none;
    border-radius: 25px;
    margin-bottom: 60px;
}
a:hover{
    background: rgb(70, 173, 70);
    color: rgb(73, 73, 202);
}
audio{
    margin-bottom: 30px;
}
span{
    animation: tortue 15s linear 0s infinite
    alternate-reverse forwards running;
    position: fixed;
    font-size: 50px;
}
@keyframes tortue{
    0% {top: 0;left: 0;}
    20%{top: 30%;left: 100%;}
    40%{top: 0%;left: 20%;}
    60%{top: 80%;left: 0%;}
    80%{top: 10%;left: 100%;}
    100%{top: 60%;left: 50%;}
}