.text-gradient-aqua {
    color: var(--color-accent-aqua-primary);
    background-image: linear-gradient(180deg, #ffffff, #00d0ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-graphite {
    color: var(--color-text-primary);
    background-image: linear-gradient(0deg, #ffffff 0%, #4B5563 50%, #454647 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-degraded-landing-reflection {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 10% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 10% no-repeat,
        linear-gradient(315deg, #ffffff 0%, #ffffff 10%, #EFF4F7 100%) left / 85% 100% no-repeat,
        #ffffff;
}

@media (min-width: 1000px) {
    .bg-degraded-landing-reflection {
        background:
            linear-gradient(#ffffff, #ffffff) top / 100% 25% no-repeat,
            linear-gradient(#ffffff, #ffffff) bottom / 100% 25% no-repeat,
            linear-gradient(315deg, #ffffff 0%, #ffffff 10%, #EFF4F7 100%) left / 85% 100% no-repeat,
            #ffffff;
    }
}


.bg-degraded-landing-about-me {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 5% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 5% no-repeat,
        linear-gradient(45deg, #ffffff 0%, #ffffff 10%, #EFF4F7 100%) right / 85% 100% no-repeat,
        /* linear-gradient(0deg, #F6F7F6 0%, #EFF4F7 100%) right / 75% 100% no-repeat, */
        #ffffff;
}

/* @media (min-width: 1000px) {
    .bg-degraded-landing-about-me {
        background:
            linear-gradient(#ffffff, #ffffff) top / 100% 5% no-repeat,
            linear-gradient(#ffffff, #ffffff) bottom / 100% 5% no-repeat,
            linear-gradient(0deg, #F6F7F6 0%, #EFF4F7 100%) right / 75% 100% no-repeat,
            #ffffff;
    }
} */

.bg-degraded-cv-paper {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 5% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 5% no-repeat,
        linear-gradient(0deg, #E0D8D5 0%, #F9F9F9 100%) left / 100% 100% no-repeat;
}

.bg-degraded-portfolio {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 5% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 5% no-repeat,
        linear-gradient(0deg, #F7F7F6 0%, #EFF4F7 100%) left / 100% 100% no-repeat;
}

.bg-degraded-blog {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 5% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 5% no-repeat,
        linear-gradient(0deg, #F1F8FB 0%, #F9FBFC 100%) left / 100% 100% no-repeat;
}

.bg-degraded-contact-card {
    background: linear-gradient(90deg, #586571 0%, #6692AD 100%);
}

.bg-degraded-landing-cv {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 10% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 10% no-repeat,
        linear-gradient(45deg, #ffffff 0%, #ffffff 30%, #E2E5E7 100%) right / 80% 100% no-repeat,
        #ffffff;
}

.bg-degraded-landing-contact {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 15% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 15% no-repeat,
        linear-gradient(315deg, #ffffff 0%, #ffffff 30%, #E2E5E7 100%) left / 80% 100% no-repeat,
        #ffffff;
}

.bg-degraded-graphite {
    background:
        linear-gradient(180deg, #ffffff 0%, rgba(107, 113, 122, 0.35) 33%, rgba(107, 113, 122, 0.40) 50%, rgba(107, 113, 122, 0.35) 66%, #ffffff 100%) left / 100% 100% no-repeat,
        #ffffff;
}

.bg-degraded-aqua {
    background:
        linear-gradient(180deg, #ffffff 0%, rgba(145, 214, 229, 0.35) 33%, rgba(145, 214, 229, 0.40) 50%, rgba(145, 214, 229, 0.35) 66%, #ffffff 100%) left / 100% 100% no-repeat,
        #ffffff;
    color: rgba(145, 214, 229, 0.619);
}

.bg-degraded-test {
    background:
        linear-gradient(#ffffff, #ffffff) top / 100% 25% no-repeat,
        linear-gradient(0deg, #F6F7F6 0%, #EFF4F7 100%) left / 80% 100% no-repeat,
        #ffffff;
}

/* .bg-degraded-box {
    background:
        linear-gradient(#ffffff, #ffffff) left / 50px 100% no-repeat,
        linear-gradient(#ffffff, #ffffff) right / 50px 100% no-repeat,
        linear-gradient(#ffffff, #ffffff) top / 100% 34% no-repeat,
        linear-gradient(#ffffff, #ffffff) bottom / 100% 10% no-repeat,
        linear-gradient(0deg, #6B717A 0%, #797E8A 100%) center / calc(100% - 100px) 100% no-repeat,
        #ffffff;
} */

/* .bg-degraded-animated {
    background: linear-gradient(100deg,
            #89a3e4 0%,
            #4e5c92 50%,
            #4c62ba 100%);
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
} */