@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/OhHappyDei/Components/AboutMeShort.razor.rz.scp.css */

.image-container[b-sc4ye3i59r] {
}

    .image-container img[b-sc4ye3i59r] {
        width: 100%;
        border-radius: 2em;
        border: 2px solid lightblue;
    }

.text[b-sc4ye3i59r] {
    font-size: 1.2rem;
    padding: 1rem;
    padding-top: 0;
    text-align: justify;
}

    .text h3[b-sc4ye3i59r] {
        color: var(--OhHappyDeiLogoYellow);
        text-transform: uppercase;
    }

button[b-sc4ye3i59r] {
    background: var(--OhHappyDeiLogoYellow);
    border-radius: 1em;
    padding: .2em 2em .2em 2em;
}
/* _content/OhHappyDei/Components/Contact.razor.rz.scp.css */
h3[b-dt5h157knx] {
    color: var(--OhHappyDeiLogoYellow);
    text-transform: uppercase;
}
/* _content/OhHappyDei/Components/ContactForm.razor.rz.scp.css */
input[b-6hi3gu7bs4], [b-6hi3gu7bs4] #message {
    width: 100%;
    background: var(--OhHappyDeiLogoYellow);
    border-radius: .75em;
    margin-top: .25em;
    margin-bottom: .25em;
}

[b-6hi3gu7bs4] #message {
    height: 6rem;
}

.descr[b-6hi3gu7bs4] {
    text-align: right;
    margin-top: .25em;
    margin-bottom: .25em;
}

.validation[b-6hi3gu7bs4] {
    color: red;
}

#message[b-6hi3gu7bs4] {
    height: 5em;
}
/* _content/OhHappyDei/Components/ContentWithLightGreenBackgroundAndBorder.razor.rz.scp.css */

.background-color[b-e5mlyadz7l] {
    background-color: var(--OhHappyDeiBackgroundLightGreen);
    margin-left: -4rem;
    padding-left: 4rem;
    margin-right: -4rem;
    padding-right: 4rem;
}

.content[b-e5mlyadz7l] {
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-left: -2rem;
    padding-left: 2rem;
    margin-right: -2rem;
    padding-right: 2rem;
    border-left: 4px solid var(--OhHappyDeiLogoYellow);
    border-right: 4px solid var(--OhHappyDeiLogoYellow);
}
/* _content/OhHappyDei/Components/InstagramBottom.razor.rz.scp.css */
.instagramlogo[b-i7iqth24jl] {
    position: relative;
    top: 60px;
    text-transform: uppercase;
    color: var(--OhHappyDeiLogoYellow);
    cursor: pointer;
    display: flex;
    justify-content: right;
    align-items: center;
    height: 6rem;
    margin-bottom: -6rem;
}

    .instagramlogo i[b-i7iqth24jl] {
        display: inline;
        font-size: 4rem;
    }

.text[b-i7iqth24jl] {
    padding: 1rem;
    font-size: 2rem;
}
/* _content/OhHappyDei/Components/Menu.razor.rz.scp.css */

.menu[b-fw55arx3t2] {
}

.image-above-button[b-fw55arx3t2] {
    margin: 5px;
    cursor: pointer;
    width: min(100%, 320px);
    border-radius: 2em;
    border: 2px solid var(--OhHappyDeiLogoYellow);
}


.button[b-fw55arx3t2] {
    display: inline-block;
    padding: 0.75rem 1.25rem;
    border-radius: 10rem;
    color: black;
    text-transform: uppercase;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}

    .button[b-fw55arx3t2]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #edc31b;
        border-radius: 10rem;
        z-index: -2;
    }

    .button[b-fw55arx3t2]:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #ba9915;
        transition: all 0.3s;
        border-radius: 10rem;
        z-index: -1;
    }

    .button:hover[b-fw55arx3t2] {
        /*color: #7ead0a;*/
        border-color: gray;
    }

        .button:hover[b-fw55arx3t2]:before {
            width: 100%;
        }
/* _content/OhHappyDei/Components/MenuWithBackgroundImage.razor.rz.scp.css */
img[b-teqh4y8h9y] {
    position: relative;
    top: -4rem;
    left: -4rem;
    width: calc( 100% + 8rem); /*remove main padding and margin */
    z-index: -1; /* stay behind other elements, like the main border */
    margin-bottom: -4rem; /* because we go to top 8rem, we can start content below 8rem higher as wel */
}

.menu[b-teqh4y8h9y] {
    text-transform: uppercase;
    color: black;
    position: absolute;
    top: 4rem;
    font-size: 1.2em;
}

.clickable[b-teqh4y8h9y] {
    cursor: pointer;
}
/* _content/OhHappyDei/Components/RegularContent.razor.rz.scp.css */
.content[b-gyqj9bdqin] {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
/* _content/OhHappyDei/Components/TrackingLinks.razor.rz.scp.css */
[b-5tmzgv63a9] .max-300 {
    width: 300px;
}
/* _content/OhHappyDei/MainLayout.razor.rz.scp.css */
body[b-9u8kf06fx1] {
    max-width: 1200px;
    min-width: 1000px;
    margin-left: auto;
    margin: auto;
}

.content-border[b-9u8kf06fx1] {
    position: static;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 0 0 4px var(--OhHappyDeiLogoYellow);
    border-radius: 3rem;
    padding: 2rem;
    margin: 2rem;
    z-index: -1;
}

footer[b-9u8kf06fx1] {
    width: 100%;
    text-align: center;
}

    footer img[b-9u8kf06fx1] {
        max-width: 500px;
        margin-top: -4rem;
        bottom: 0;
        filter: invert(95%) sepia(11%) saturate(6097%) hue-rotate(344deg) brightness(97%) contrast(92%);
        margin-bottom: -2rem;
    }
/* _content/OhHappyDei/Pages/AboutMe.razor.rz.scp.css */
.aboutme[b-yr4fhxas8a] {
    text-align: justify;
}

.quote[b-yr4fhxas8a] {
    margin: auto;
    width: 80%;
    border: dotted 2px black;
    padding: 1em;
}
/* _content/OhHappyDei/Pages/Admin/ContactInputs.razor.rz.scp.css */
button[b-booesgmmco] {
    color:white;
}
/* _content/OhHappyDei/Pages/Baking.razor.rz.scp.css */
body[b-kh32yrsm21] {
}

.img-with-description img[b-kh32yrsm21] {
    width: 100%;
    height: auto;
}

.introtext[b-kh32yrsm21] {
    font-size: 1.2rem;
    padding: 1rem;
    text-align: justify;
}

    .introtext h3[b-kh32yrsm21] {
        color: var(--OhHappyDeiLogoYellow);
        text-transform: uppercase;
    }

.outtrotext[b-kh32yrsm21] {
    margin: auto;
    margin-top: 2rem;
    width: 80%;
    border: dotted 2px black;
    padding: 1em;
}

.quote1[b-kh32yrsm21], .quote2[b-kh32yrsm21] {
    display: inline;
}

.quote1[b-kh32yrsm21] {
    color: red;
}

.quote2[b-kh32yrsm21] {
    color: orange;
}
/* _content/OhHappyDei/Pages/Candles.razor.rz.scp.css */
body[b-jtgb5rl0wy] {
}

.img-with-description img[b-jtgb5rl0wy] {
    width: 100%;
    height: auto;
}

.introtext[b-jtgb5rl0wy] {
    font-size: 1.2rem;
    padding: 1rem;
    text-align: justify;
}

    .introtext h3[b-jtgb5rl0wy] {
        color: var(--OhHappyDeiLogoYellow);
        text-transform: uppercase;
    }
/* _content/OhHappyDei/Pages/Index.razor.rz.scp.css */

.logo-container[b-9ltma4h4zv] {
    width: 100%;
    text-align: center;
    margin-top: max(-220px, -25%);
}

    .logo-container img[b-9ltma4h4zv] {
        max-width: min(600px, 50%);
    }
/* _content/OhHappyDei/Pages/Yoga.razor.rz.scp.css */

.introtext[b-qujng62oot] {
    font-size: 1.2rem;
    padding: 1rem;
    text-align: justify;
}

    .introtext h3[b-qujng62oot] {
        color: var(--OhHappyDeiLogoYellow);
        text-transform: uppercase;
    }

.current-course[b-qujng62oot] {
    width: 100%;
}

    .current-course img[b-qujng62oot] {
        margin: auto;
        display:block;
    }