@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap");
#main_section {
  width: 100%;
  height: 82vh;
  background-image: url("../../image/projet_main_image.jpeg");
  background-size: cover;
}

.waviy {
  position: relative;
  font-size: 25px;
  float: right;
  margin-top: 30px;
  margin-right: 30px;
}

.waviy span {
  font-family: 'Alfa Slab One', cursive;
  position: relative;
  display: inline-block;
  color: rgba(12, 12, 12, 0.767);
  text-transform: uppercase;
  -webkit-animation: waviy 1s infinite;
          animation: waviy 1s infinite;
  -webkit-animation-delay: calc(.1s * var(--i));
          animation-delay: calc(.1s * var(--i));
}

.waviy h2 {
  font-family: cursive;
  color: rgba(12, 12, 12, 0.767);
  font-size: 18px;
}

@-webkit-keyframes waviy {
  0%, 40%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes waviy {
  0%, 40%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@media screen and (max-width: 930px) {
  .waviy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    bottom: 100px;
    left: 50px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 930px) and (min-height: 1100px) {
  .waviy {
    font-size: 16px;
    bottom: 190px;
  }
}

@media screen and (max-width: 370px) {
  .waviy h2 {
    font-size: 16px;
  }
  .waviy #cnstr span {
    font-size: 16px;
  }
}
/*# sourceMappingURL=style.css.map */