@media (hover: hover) {
    .project-buttons:hover {
        padding: 20px 70px;
    }

    .container .left h2:hover {
        color: rgba(75, 71, 255, 1);
    }

    .cta:hover {
        padding: 20px 70px;
        font-weight: 600;
        box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .about-image-wrapper:hover .about-border {
        opacity: 1;
    }

    .skill:hover,
    .skills-info:hover img {
        animation: iconOrbit 0.3s ease-in-out;
    }

    .skills-title span:hover,
    .skill:hover {
        color: rgba(75, 71, 255, 1) !important;
    }

    .scroll-link:hover {
        color: rgba(75, 71, 255, 1) !important;
    }

    .scroll-link:hover::after {
        opacity: 1;
        animation: underlineMove 0.35s ease forwards;
    }

    .projects h2:hover {
        color: rgba(75, 71, 255, 1) !important;
    }

    .references .container h2:hover {
        color: rgba(75, 71, 255, 1) !important;
    }

    .reference-item:hover {
        border: 4px solid rgba(75, 71, 255, 1);
    }

    .reference-item:hover .reference-icon img {
        width: 40px;
        height: 40px;

        filter: invert(33%) sepia(99%) saturate(2600%) hue-rotate(236deg) brightness(102%) contrast(102%);
    }

    .contact h2:hover {
        color: rgba(75, 71, 255, 1) !important;
    }

    .footer-legal:hover {
        color: rgba(255, 252, 243, 1) !important;
    }

    .footer-icon:hover img {
        transform: translateY(-10px);
    }

    .menu-nav a:hover .corner-v {
        animation: navCornerFold 0.2s ease forwards;
    }

    .menu-nav a:hover .corner-h {
        opacity: 0;
    }

    .menu-nav a:hover .nav-line {
        opacity: 1;
        animation: navLineMove 0.45s ease forwards;
    }
}

@media (hover: none) {
    .about-image-wrapper:hover .about-border,
    .about-image-wrapper:active .about-border {
        opacity: 1;
    }

    .skill:hover,
    .skill:active,
    .skills-info:hover img,
    .skills-info:active img {
        animation: iconOrbit 0.3s ease-in-out;
    }

    .skills-title span:hover,
    .skills-title span:active,
    .skill:hover,
    .skill:active {
        color: rgba(75, 71, 255, 1) !important;
    }
}