body {
    overflow-x: hidden; margin: auto;
    background-color: #FEF5E7;
}


a{
  text-decoration: none;
  color: black;
}

a:hover{
  color: pink;
}

.Contact{
  display: flex;
  justify-content: space-between;
  margin-right: 10vw;
  margin-left:9vw;
  height: 12vw;
  font-family: "Poppins";

}

.sous_titre{
  margin-top: 3vw;
  font-size: 2.5vw;
}

.cadre{
  padding: 2px;
  margin-top: 7vw;
  font-size: 16px;
  z-index: 3;
}

#menu {
  width: 20vw;
  height: 6vw;
  display:flex;
  flex-direction: column;
  text-align: center;
}

.symboles {
  margin-top: 10vw;
  margin-left: 8.5vw;
  width: 3vw;
  position: fixed;
}

.symboles1 {
  margin-top: 15vw;
  margin-left: 8.5vw;
  width: 3vw;
  position: fixed;
}

.symboles2 {
  margin-top: 5vw;
  margin-left: 8.5vw;
  width: 3vw;
  position: fixed;
}

.Titre {
  position: absolute;
  font-family: "Cormorant";
  font-size: 6vw;
  display: flex;
  top: 8.5vw;
  left:28.6vw;
  line-height: 5vw;
  z-index: 2;
}


.paragraphe{
  position: absolute;
  width: 30vw;
  left: 29vw;
  top: 22vw;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
}

.profil{
  width: 29vw;
  margin-left: 60vw;
}

.forme{
  width: 0.07vw;
  height:100vw;
  margin-left: 9.8vw;
  margin-top: 15vw;
  position:fixed;
  background-color: black;
  border-top-left-radius : 100px 100px;
  border-top-right-radius : 100px 100px;
}
.Parent {
  display: flex;
  flex-wrap: wrap;
  margin-left: 25vw;
  margin-right: 16vw;
  justify-content: center;
  padding: 4vw;
  margin-top: 50vw;
}

.Parent2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 25vw;
  margin-right: 16vw;
  justify-content: center;
  padding: 4vw;
}

.Gifs{
  width: 15vw;
}


.gros_plan{
width: 45vw;
margin-top: 1vw;
}

.gros_plan2{
width: 45vw;
margin-top: 5vw;
}


.Width{
  width: 100vw;
}

.print {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20vw;
  margin-right: 19vw;
  background-color: pink;
}

.mockup{
  width: 20vw;
}

.description{
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 5vw;
  width: 45vw;
}

.titre_projets{
font-size: 18px;
}

.medium{
  width: 31vw;
}

#footer {
width: 100vW;
height: 19vw;
border-style: solid;
border-width: thin;
margin-top: 1vw;
padding-left: 4vw;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
font-size: 8px;

}

@media screen and (max-width:500px) {


  .description{
    font-size: 13px;
    width: 80vw;
  }

  .paragraphe{
    width: 70vw;
    left: 21vw;
    top: 93vw;
    font-size: 13px;
  }
  .profil{
    width: 60vw;
    margin-left: 22vw;
    margin-top: 18vw;
  }

  .symboles {
    margin-top: 15vw;
    margin-left: 8vw;
    width: 5vw;
    position: fixed;
  }

  .symboles1 {
    margin-top: 23vw;
    margin-left: 8vw;
    width: 5vw;
    position: fixed;
  }

  .symboles2 {
    margin-top: 8vw;
    margin-left: 8vw;
    width: 5vw;
    position: fixed;
  }
  .forme{
    height:200vw;
    margin-top: 25vw;
  }

  .Titre {
    font-size: 7vw;
    margin-top: 10vw;
  }
  .Parent {
    margin-left: 16vw;
    margin-right: 0.5vw;
    margin-top: 400px;
  }

  .Parent2 {
    margin-left: 16vw;
    margin-right: 0.5vw;
    margin-top: 260px;
  }
  .sous_titre{
    font-size: 16px;
  }

  .gros_plan{
  width: 70vw;
  margin-top: 1vw;
  }

  .gros_plan2{
  width: 70vw;
  margin-top: 5vw;
  }

  .Gifs{
    width: 18vw;
  }

}