@font-face {
  font-family: Gilroy-Semibold;
  src: url(./fonts/Gilroy-Semibold.otf);
}

@font-face {
  font-family: Gilroy-bold;
  src: url(./fonts/Gilroy-Bold.otf);
}

*{
  font-family: 'Gilroy-Semibold', sans-serif;
  font-weight: normal;
}

.main-text{
  font-family: 'Gilroy-bold', sans-serif;
  font-weight: normal;
}

h1 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeSlide 2s ease-in-out infinite;
  }

  @keyframes fadeSlide {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    50% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-30px);
    }
  }