@import url('./section1.css');
@import url('./section2.css');
@import url('./section3.css');


.download-btn {
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.download-btn:hover {
    transform: scale(1.1);
}

.gg-btn {
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.gg-btn:hover {
    transform: scale(1.1);
}

[data-aos="text-anim"].aos-animate {
    animation: change .4s forwards;
  }
  [data-aos="text-anim"] {
    opacity: 0;
  }
  
  @keyframes change {
    0% {
      transform: translateY(-50px);
      opacity: 1;
      clip-path: inset(100% 0 0 0);
    }
    20% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0);
      opacity: 1;
      clip-path: inset(0);
    }
  }

.to-top-btn {
    position: fixed;
    width: 3vw;
    height: 3vw;
    right: 3.125vw;
    bottom: 3.125vw;
    cursor: pointer;
    display: none;
}

.fade-up {
    animation: fadeUp 1s forwards;
}

@keyframes fadeUp {
    0% {
        opacity: 0.3;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform:  translateY(0);
    }
}

.show-in-phone {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .show-in-pc {
    display: none !important;
  }
  .show-in-phone {
    display: block !important;
  }

  .to-top-btn {
      width: 8.3vw;
      height: 8.3vw;
      right: 4.2vw;
      bottom: 22.2vw;
  }
}