/* ========================= */
/*  Copyright (c) AJ-Holzer  */
/*  All rights reserved      */
/* ========================= */


/* Reveal elements with a tiny animation */
.reveal {
    opacity: 0;
    transform: translateY(20px);
}

.reveal.is-visible {
    animation: reveal 0.8s ease forwards;
}

@keyframes reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover animations */
@media (hover: hover) and (pointer: fine) {

    /* Links */
    a.animated {
        position: relative;
        text-decoration: none;
    }

    /* underline */
    a.animated::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.15em;

        width: 100%;
        height: 2px;
        background-color: var(--accent);

        transform: translateX(100%);
        clip-path: inset(0 0 0 100%);

        transition:
            transform 0.35s ease,
            clip-path 0.35s ease;
    }

    /* hover */
    a.animated:hover::after {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
    }

    a.animated:not(:hover)::after {
        transform: translateX(-100%);
    }

    /* Navbar */
    .navbar nav a:hover {
        color: var(--accent);
    }

    /* Projects */
    .project:hover {
        transform: translateX(10px);
        background-color: rgba(255, 255, 255, 0.04);
    }

    /* Social links */
    .social-links a:hover {
        color: var(--accent);
        transform: translateY(-3px);
    }

    /* Footer table */
    footer table tbody td a:hover {
        color: var(--accent);
    }
}