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

.animate-fadeUp { animation: fadeUp 1s ease forwards; }
.animate-fadeUp-delay { animation: fadeUp 1s 0.2s ease forwards; opacity: 0; }


@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}

.animate-fade-logo { animation: fade 1.5s 0.5s ease forwards; opacity: 0; }

.arrow {
  font-size: 30px;
  height: 30px;
  width: 30px;
  color:#9f9fa9;

  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: #db2777;
    }
  }
}