@import '_content/Cadence.UI/Cadence.UI.gh4sdceuhe.bundle.scp.css';
@import '_content/Webefinity.Module.Blog/Webefinity.Module.Blog.j8ymlyiyrd.bundle.scp.css';

/* _content/SportsTrainer.Web/Components/Pages/Home.razor.rz.scp.css */
.hero-section[b-wy2pu8jfus] {
    position: relative;
    overflow: hidden;
}

.hero-content[b-wy2pu8jfus] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hero-panel[b-wy2pu8jfus] {
    background-color: rgba(0,0,0,0.5);
    padding: 2rem;
    max-width: 75ch;
}

@media screen and (max-width: 600px) {

    .hero-image[b-wy2pu8jfus] {
        position: absolute;
        top: 0;
        bottom: 0;
        aspect-ratio: initial;
        height: 100%;
    }

    .hero-panel[b-wy2pu8jfus] {
        max-width:initial;
        padding: 1rem;
    }

    .hero-content[b-wy2pu8jfus] {
        position: relative;
    }
}