@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Henny+Penny&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap");
* {
  margin: 0;
  padding: 0;
  font-family: "Shantell Sans", serif;
}

.fond {
  height: 100vh;
  width: 100vw;
  background: linear-gradient(143deg, rgb(0, 128, 50) 0%, rgb(255, 0, 0) 100%);
  position: relative;
}
.fond .aubin {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40rem;
  animation: moveUpDown 2s infinite;
}

h1 {
  font-family: "Henny Penny", serif;
  color: blue;
  font-size: 4rem;
  padding-top: 3rem;
  margin-left: 5rem;
}

h2 {
  text-align: center;
  color: yellow;
  font-size: 2rem;
  animation: rotateText 10s linear infinite;
}

h3 {
  color: #7700c7;
  padding-left: 11rem;
  padding-top: 10rem;
  padding-bottom: 9rem;
  font-size: 3rem;
}

a {
  font-size: 5rem;
  color: #fd00ff;
  animation: blink 1s infinite;
  padding-left: 16rem;
}

.img-lol {
  display: flex;
  justify-content: center;
  height: 70%;
}
.img-lol img {
  height: 70%;
  width: 70%;
}

.rp {
  position: absolute;
  right: 0;
  top: 0;
  width: 15%;
  animation: rotateZ 2s linear infinite;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
    /* Position de départ */
  }
  50% {
    transform: translateY(40px);
    /* Mouvement vers le bas */
  }
  100% {
    transform: translateY(0);
    /* Retour à la position initiale */
  }
}
@keyframes blink {
  0%, 100% {
    display: 1;
    /* Visible */
  }
  50% {
    opacity: 0;
    /* Invisible */
  }
}
@keyframes rotateText {
  0% {
    transform: rotate(0deg);
    /* Position initiale */
  }
  100% {
    transform: rotate(360deg);
    /* Rotation complète */
  }
}
@keyframes rotateZ {
  0% {
    transform: rotateY(0deg); /* Position initiale */
  }
  100% {
    transform: rotateY(360deg); /* Rotation complète */
  }
}/*# sourceMappingURL=styles.css.map */