body {
  background-color: rgb(151, 192, 255);
  min-height: 100vh;
}

.navbar {
  margin: auto;
  max-width: 88%;
}

.presentation {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

section p {
  margin-top: 50px;
}

.lLogo {
  max-width: 50px;
  max-height: 30px;
}

.bg-menu {
  background-color: rgb(232, 246, 255);
}

.bg-footer {
  background-color: rgb(232, 246, 255);
}

.hover:hover {
  background-color: rgba(246, 235, 120, 0.851);
  transition: background 1s;
  transition-delay: 0, 7s;
}

.photo-site {
  max-width: 70%;
}

.photo-site:hover {
  max-width: 90%;
}

.photo-site2 {
  max-width: 50%;
}

.photo-site2:hover {
  max-width: 80%;
}

.lLogo2 {
  max-width: 130px;
  max-height: 100px;
}

.img-anim {
  animation-duration: 6s;
  animation-name: slidein;
}

@keyframes slidein {
  0% {
    opacity: 0.1;
    transform: translateX(-200px);
  }
  80% {
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
} /*# sourceMappingURL=style.css.map */