/* Scroll Instruction Styles */
.scroll-instruction {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: var(--accent);
    margin-bottom: 1rem;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.portfolio-content-left.has-scroll .scroll-instruction {
    opacity: 0.8;
}

.scroll-instruction i.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(-3px);
    }
}