/* =========================================================
   CUSTOM SCROLLBAR
   GREYN PORTFOLIO // NEON CYAN
   ========================================================= */

:root {
    --scroll-bg: #07090d;
    --scroll-track: #0b1014;

    --scroll-red: #ff1744;
    --scroll-pink: #ff2bd6;

    --scroll-glow:
        0 0 5px rgba(0, 234, 255, .8),
        0 0 12px rgba(0, 234, 255, .45),
        0 0 24px rgba(0, 234, 255, .18);
}


/* =========================================================
   CHROME / EDGE / SAFARI
   ========================================================= */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


/* =========================================================
   TRACK
   ========================================================= */

::-webkit-scrollbar-track {
    background: var(--scroll-track);

    border-left:
        1px solid
        rgba(0, 234, 255, .10);
}


/* =========================================================
   THUMB
   ========================================================= */

::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            180deg,
            rgba(127, 255, 255, .75),
            rgba(0, 234, 255, .55)
        );

    border:
        1px solid
        rgba(0, 234, 255, .7);

    border-radius: 4px;

    box-shadow:
        var(--scroll-glow),
        inset 0 0 6px rgba(255, 255, 255, .12);
}


/* =========================================================
   HOVER
   ========================================================= */

::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #ffffff,
            var(--scroll-cyan)
        );

    border-color:
        var(--scroll-cyan-bright);

    box-shadow:
        0 0 6px rgba(0, 234, 255, 1),
        0 0 15px rgba(0, 234, 255, .75),
        0 0 30px rgba(0, 234, 255, .35);
}


/* =========================================================
   CORNER
   ========================================================= */

::-webkit-scrollbar-corner {
    background: var(--scroll-bg);
}


/* =========================================================
   FIREFOX
   ========================================================= */

html {
    scrollbar-width: thin;

    scrollbar-color:
        rgba(0, 234, 255, .7)
        var(--scroll-bg);
}


/* ZOOM DA GALERIA */
#lightbox-img {
    cursor: zoom-in;
    transition: transform 0.15s ease;
    user-select: none;
    -webkit-user-drag: none;
}

#lightbox-img.zoomed {
    transform: scale(2);
    cursor: zoom-out;
}

<!-- <link rel="stylesheet" href="style.css"> -->