.scale-when-hover {
    transition: transform 0.4s ease-out;
}

.scale-when-hover:hover {
    transform: scale(1.02);
}

.shadow-when-hover {
    transition: box-shadow 0.2s ease;
}

.shadow-when-hover:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
}

.text-shadow-when-hover {
    transition: text-shadow 0.2s ease;
}

.text-shadow-when-hover:hover {
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
}

.tracking-in-expand {
    animation: tracking-in-expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}




@keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
}