body {
  font-family: "Cormorant-Regular";
  font-style: normal;
  scroll-behavior:smooth;
  background-color:white;
  height:100vh;
  width:100vw;
  color: black;
}



.box{
  background-color: #80ba5c;
  position: fixed;
  width: 100vw;
  height: 6vh;
  z-index: 1000;
}

.main{
  position: fixed;
  height:30vh;
  width:100vw;
}

#logo{
  display: block;
  margin: auto;
  height:auto;
  width: 40vw;
  top: 20vh;
  left: 30vw;
  position: fixed;
}

.fond{
  width: 100vw;
  height: 100vh;
  top: 66vh;
  background-color: #80ba5c;
  position: absolute;
  z-index: 500;
}

#bordurebas{
  position: fixed;
  top: 0vh;
  width: 100vw;
  height: auto;
  z-index: 101;
}

#bordurehaut{
  position: relative;
  top: -6vh;
  width: 100vw;
  height: auto;
  z-index: 5000;
}



.bouton{
  font-family: "Cormorant-Bold";
  font-style: normal;
  scroll-behavior:smooth;
  font-size: 1.5rem;
  overflow:hidden;
  color:white;
  text-decoration:none;
  width: 10vw;
  height: 4vh;
  position: fixed;
  z-index: 300;
  z-index: 10000;
}

.bouton:hover{
  color:#b7f490;
}

#accueil{
  left: 1.5vw;
  top: 2vh;
  color: #b7f490;
}

#projets{
  left: 10vw;
  top: 2vh;
}

#about{
  left: 18vw;
  top: 2vh;
}

#contact{
  left: 25.5vw;
  top: 2vh;
}

#couleur{
  position: fixed;
  top: 0vh;
  width: 100vw;
  height: auto;
  z-index: -10;
}

.texte{
  position: absolute;
  top: 67vh;
  left: 1.5vw;
  color: white;
  font-size: 1.3rem;
  height: 40vh;
  line-height: 1.2em;
  z-index: 600;
}

.video{
  text-decoration: none;
  color: white;
}

.video:hover{
  color:#b7f490;
}