/* _content/WebbPage/Components/Layout/MainLayout.razor.rz.scp.css */
/* Reserve space even when UnderMenu renders nothing */


 
/* _content/WebbPage/Components/Layout/UnderMenu.razor.rz.scp.css */
/* _content/WebbPage/Components/Pages/Courses old pages/Database.razor.rz.scp.css */
.gallery-card[b-hf2kkairgr] {
    border: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .gallery-card:hover[b-hf2kkairgr] {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0,0,0,.15);
    }
/* _content/WebbPage/Components/Pages/Courses old pages/IndexmultithreadDatabase.razor.rz.scp.css */
/* Keep image area consistent (16:9) */
.project-thumb[b-gd7noqdntv] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: hsl(210 8% 92%); /* fallback behind <img> */
}

/* When no image yet: soft gray with subtle shimmer */
.placeholder-shimmer[b-gd7noqdntv] {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, hsl(210 6% 88%) 0%, hsl(210 7% 92%) 40%, hsl(210 6% 88%) 80%);
    background-size: 200% 100%;
    animation: shimmer-b-gd7noqdntv 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-gd7noqdntv {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Card polish */
.project-card[b-gd7noqdntv] {
    border: 1px solid hsl(210 14% 90%);
    border-radius: .5rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    display: block;
    color: inherit;
}

    .project-card:hover[b-gd7noqdntv] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
        border-color: hsl(210 14% 85%);
    }

/* Helpful utility for <img> to fully fill thumb */
.object-fit-cover[b-gd7noqdntv] {
    object-fit: cover;
}
/* _content/WebbPage/Components/Pages/Courses.razor.rz.scp.css */
/* Keep image area consistent (16:9) */
.project-thumb[b-n4pzjvknuw] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: hsl(210 8% 92%); /* fallback behind <img> */
}

/* When no image yet: soft gray with subtle shimmer */
.placeholder-shimmer[b-n4pzjvknuw] {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, hsl(210 6% 88%) 0%, hsl(210 7% 92%) 40%, hsl(210 6% 88%) 80%);
    background-size: 200% 100%;
    animation: shimmer-b-n4pzjvknuw 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-n4pzjvknuw {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Card polish */
.project-card[b-n4pzjvknuw] {
    border: 1px solid hsl(210 14% 90%);
    border-radius: .5rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    display: block;
    color: inherit;
}

    .project-card:hover[b-n4pzjvknuw] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
        border-color: hsl(210 14% 85%);
    }

/* Helpful utility for <img> to fully fill thumb */
.object-fit-cover[b-n4pzjvknuw] {
    object-fit: cover;
}
/* _content/WebbPage/Components/Pages/Home.razor.rz.scp.css */
/* _content/WebbPage/Components/Pages/IndexGames.razor.rz.scp.css */
/* Keep image area consistent (16:9) */
.project-thumb[b-ldxwwzbuys] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: hsl(210 8% 92%); /* fallback behind <img> */
}

/* When no image yet: soft gray with subtle shimmer */
.placeholder-shimmer[b-ldxwwzbuys] {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, hsl(210 6% 88%) 0%, hsl(210 7% 92%) 40%, hsl(210 6% 88%) 80%);
    background-size: 200% 100%;
    animation: shimmer-b-ldxwwzbuys 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-ldxwwzbuys {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Card polish */
.project-card[b-ldxwwzbuys] {
    border: 1px solid hsl(210 14% 90%);
    border-radius: .5rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    display: block;
    color: inherit;
}

    .project-card:hover[b-ldxwwzbuys] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
        border-color: hsl(210 14% 85%);
    }

/* Helpful utility for <img> to fully fill thumb */
.object-fit-cover[b-ldxwwzbuys] {
    object-fit: cover;
}
/* _content/WebbPage/Components/Pages/Salamanoid.razor.rz.scp.css */
.gallery-card[b-ulhwm36ykw] {
    border: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .gallery-card:hover[b-ulhwm36ykw] {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0,0,0,.15);
    }
/* Keep image area consistent (16:9) */
.project-thumb[b-ulhwm36ykw] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: hsl(210 8% 92%); /* fallback behind <img> */
}

/* When no image yet: soft gray with subtle shimmer */
.placeholder-shimmer[b-ulhwm36ykw] {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, hsl(210 6% 88%) 0%, hsl(210 7% 92%) 40%, hsl(210 6% 88%) 80%);
    background-size: 200% 100%;
    animation: shimmer-b-ulhwm36ykw 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-ulhwm36ykw {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Card polish */
.project-card[b-ulhwm36ykw] {
    border: 1px solid hsl(210 14% 90%);
    border-radius: .5rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    display: block;
    color: inherit;
}

    .project-card:hover[b-ulhwm36ykw] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
        border-color: hsl(210 14% 85%);
    }

/* Helpful utility for <img> to fully fill thumb */
.object-fit-cover[b-ulhwm36ykw] {
    object-fit: cover;
}
/* _content/WebbPage/Components/Pages/SpeechApp.razor.rz.scp.css */
.gallery-card[b-4np6z05um4] {
    border: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .gallery-card:hover[b-4np6z05um4] {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0,0,0,.15);
    }
/* Keep image area consistent (16:9) */
.project-thumb[b-4np6z05um4] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: hsl(210 8% 92%); /* fallback behind <img> */
}

/* When no image yet: soft gray with subtle shimmer */
.placeholder-shimmer[b-4np6z05um4] {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, hsl(210 6% 88%) 0%, hsl(210 7% 92%) 40%, hsl(210 6% 88%) 80%);
    background-size: 200% 100%;
    animation: shimmer-b-4np6z05um4 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-4np6z05um4 {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Card polish */
.project-card[b-4np6z05um4] {
    border: 1px solid hsl(210 14% 90%);
    border-radius: .5rem;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    display: block;
    color: inherit;
}

    .project-card:hover[b-4np6z05um4] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
        border-color: hsl(210 14% 85%);
    }

/* Helpful utility for <img> to fully fill thumb */
.object-fit-cover[b-4np6z05um4] {
    object-fit: cover;
}