/* assets/css/about.css */

/* --- Gradient Text Animation --- */
@keyframes gradient-x {

    0%,
    100% {
        background-size: 200% 200%;
        background-position: left center;
    }

    50% {
        background-size: 200% 200%;
        background-position: right center;
    }
}

.animate-gradient-x {
    animation: gradient-x 3s ease infinite;
}

/* --- High Contrast Grayscale --- */
.grayscale {
    filter: grayscale(100%) contrast(1.2);
    transition: filter 0.5s ease-in-out;
}

.group:hover .grayscale {
    filter: grayscale(0%) contrast(1);
}

/* --- Selection --- */
::selection {
    background-color: #2563eb;
    color: white;
}

/* --- Mobile Fixes --- */
@media (max-width: 640px) {
    h1 {
        line-height: 1.1;
    }
}