video {
  position: absolute;
  width: 100%;
  height: 928px;
  object-fit: cover;
  z-index: -1;
}

* {
  margin: 0px;
}
 
 
 nav ul {
     list-style-type: none;
     margin : 0;
     padding: 15px;
     height: 35px;
     position:fixed;
     left: 1100px ;
     top:0px;
     width: auto;
     overflow: hidden;
     text-decoration: none;
 }
 
 nav li {
     float : left;
     text-decoration: none;
 
 }
 
 nav li a {
     display : block;
     color : rgb(255, 255, 255);
     text-align: center;
     padding: 10px 15px;
     text-decoration: none;
     font-family:Caviar Dreams;
 
 
 }
 li a:hover {
     background-color: #7d58b8;
     color: white;
     transition-duration: 0.5s;
 
   }
 



    #Yann{
    width:250px; 
    height: 250px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-radius: 25%;
    position:absolute;
    top:100px;
    left:42%;


   }
   #instagram{
     width:100px;
     height:100px;
   }

   div h1{
   color:rgb(255, 255, 255); 
   font-size:250%;
   text-align: center ;
   }

    #Texte{ width: 100%;
       font-size: 100%;
       border-left: 10px;
   }

   #Texte{
   font-size:20px;
   color:azure;
   width: 15em;
   border: 1px solid rgb(101, 42, 116);
   box-shadow: 8px 8px 5px #000;
   padding: 8px 12px;
   background-image: linear-gradient(180deg, rgb(75, 31, 88), rgb(80, 34, 99) 40%, rgb(91, 36, 107));
   position  : absolute;
   top: 150px;
   left: 18%;

   }
   div img{
   width:60px;
   height:60px;
   }

   #Caractéristique{
      font-size:20px;
      color:beige;
      width: 15em;
      border: 1px solid rgb(101, 42, 116);
      box-shadow: 8px 8px 5px #000;
      padding: 8px 12px;
      background-image: linear-gradient(180deg, rgb(72, 44, 99), rgb(61, 33, 97) 40%, rgb(63, 32, 99));
      position  : absolute;
      top: 400px;
      left: 25%
   }

   #tout{
    font-size:20px;
    color:beige;
    width: 15em;
    border: 1px solid rgb(101, 42, 116);
    box-shadow: 8px 8px 5px #000;
    padding: 8px 12px;
    background-image: linear-gradient(180deg, rgb(72, 44, 99), rgb(61, 33, 97) 40%, rgb(63, 32, 99));
    position  : absolute;
    top: 380px;
    left: 50%
 }

 #last{
  font-size:20px;
  color:rgb(255, 255, 255);
  width: 15em;
  border: 1px solid rgb(101, 42, 116);
  box-shadow: 8px 8px 5px #000;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, rgb(72, 44, 99), rgb(61, 33, 97) 40%, rgb(63, 32, 99));
  position  : absolute;
  top: 145px;
  left: 60%
}

#insta {
  position : relative;
  left: 70px;
  top: 50px;
}

#footer {
  border-radius : 5px;
  font-family: Caviar Dreams;
  position:relative;
  top :702px;
  left:0%;
  background:rgba(196, 140, 140, 0.6);
  width:100%;
  margin-left:0;
  height:auto;
  display:inline-block;

}
#footer #site ul {
  position:relative;
  list-style-type: none;
  text-align: left;
  left: 120px;
}

#footer #site ul p {
  font-size:30px;
  position: relative;
  left: 7px;
}
footer a {
  text-decoration : none;
  color: black;
}
#footer #site ul li {
  position: relative;
  bottom : 3px;
  left: 3px;
}

#footer #gp ul {
  position:absolute;
  list-style-type: none;
  text-align: left;
  left: 600px;
  bottom: 60px;
}

#footer #gp ul p {
  font-size:30px;
  position: relative;
  
}

#footer #gp ul li {
  position: relative;
  bottom : 3px;
  left: 60px;
}

#footer #autre ul {
  position:absolute;
  list-style-type: none;
  text-align: left;
  left: 1200px;
  bottom: 60px;
}

#footer #autre ul p {
  font-size:30px;
  position: relative;
  left: 35px;
}

#footer #autre ul li {
  position: relative;
  bottom : 3px;
  left: 7px;
}