@import '_content/NorskieRazorLibrary/NorskieRazorLibrary.bundle.scp.css';

/* _content/JeffPeor.Server/Components/Controls/LogoutBlock.razor.rz.scp.css */
.menu-block-container[b-4ljfw9580c] {
    container-type: inline-size;
    container-name: menu-block;
    display: grid;
}

.menu-block-title[b-4ljfw9580c] {
    color: rgba(255,255,255, 0.2);
    text-align: right;
    font-size: 0.75rem;
}

.menu-content[b-4ljfw9580c] {
    padding: 0.1rem;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    grid-row: 1;
    grid-column: 1;
    row-gap: 0.1rem;
    font-size: 1rem;
}

#logoutButton[b-4ljfw9580c] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font-size: 1rem;
    cursor: pointer;
    outline: inherit;
    text-shadow: rgba(0,0,0,0.3) .2rem .2rem .1rem !important;
    color: rgb(200,200,225);
    cursor: pointer;
}
/* _content/JeffPeor.Server/Components/Controls/ReRouteMessage.razor.rz.scp.css */
.reroute-message-container[b-irvoxh068c] {
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.1rem;
}

@media screen and (min-width: 800px) {
    .reroute-message-container[b-irvoxh068c] {
        font-size: 1rem;
    }
}
/* _content/JeffPeor.Server/Components/Layout/MenuBlock.razor.rz.scp.css */
.menu-block-container[b-m0vctbmqfw]{
    container-type: inline-size;
    container-name: menu-block;
    display: grid;
}

.menu-block-title[b-m0vctbmqfw] {
    color: rgba(255,255,255, 0.2);
    text-align: right;
    font-size: 0.75rem;
}

.menu-content[b-m0vctbmqfw] {
    padding: 0.1rem;
    align-self: center;
    display: flex;
    flex-direction: column;
    grid-row: 1;
    grid-column: 1;
    row-gap: 0.1rem;
}

@container menu-block (min-width: 0px) {
    .menu-content[b-m0vctbmqfw] {
    }
}

@container menu-block (min-width: 200px) {
    .menu-content[b-m0vctbmqfw] {
        align-self: flex-end;
        row-gap: 0rem;
    }
}

/* _content/JeffPeor.Server/Components/Layout/MenuBlockItem.razor.rz.scp.css */
.menu-block-item-link-container[b-b7es5x2fyb] {
    padding: 0.1rem;
    color: #deb6c2;
}
    .menu-block-item-link-container:hover[b-b7es5x2fyb] {
        background-color: rgba(0,0,0,0.1);
        color: #f5c6d4;
    }
/* _content/JeffPeor.Server/Components/Pages/Home.razor.rz.scp.css */
.featured-video[b-weaib7mhwd] {
    height: calc(100vmin * 0.3);
}

.home-container[b-weaib7mhwd] {
    margin-left: 1rem;
    margin-right: 1rem;
    column-gap: 0.3rem;
    row-gap: 0.3rem;
    min-width: 70vw;
}

@media screen and (min-width: 0px) {
    .home-container[b-weaib7mhwd] {
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        min-width: 90vw;
    }
}

@media screen and (min-width: 400px) {
    .home-container[b-weaib7mhwd]{
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        min-width: 90vw;
    }
}

@media screen and (min-width: 600px) {
    .home-container[b-weaib7mhwd] {
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        min-width: 85vw;
    }
}

@media screen and (min-width: 800px) {
    .home-container[b-weaib7mhwd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 2fr 1fr;
        min-width: 80vw;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1000px) {
    .home-container[b-weaib7mhwd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 2fr 1fr;
        min-width: 72vw;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1200px) {
    .home-container[b-weaib7mhwd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 2fr 1fr;
        min-width: 65vw;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1400px) {
    .home-container[b-weaib7mhwd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 2fr 1fr;
        min-width: 60vw;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1600px) {
    .home-container[b-weaib7mhwd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 2fr 1fr;
        min-width: 55vw;
        font-size: 1rem;
    }
}
/* _content/JeffPeor.Server/Components/Pages/JapaneseLetterFlashcards.razor.rz.scp.css */
@font-face {
    font-family: NotoSansJP-Regular;
    src: url(css/Fonts/NotoSansJP-Regular.ttf);
}

.flashcard[b-msuwivmr15]{
    font-family: NotoSansJP-Regular;
    font-size: 4em;
}

.game-container[b-msuwivmr15]{
    display: flex;
    flex-direction: column;
    row-gap: 0.3rem;
}

.flashcard-container[b-msuwivmr15] {
    display: flex;
    flex-direction: row;
    column-gap: 0.3rem;
}

.input-controls[b-msuwivmr15]{
    display: flex;
    flex-direction: column;
    row-gap: 0.3rem;
}

.prompt[b-msuwivmr15]{
    text-align: center;
}
/* _content/JeffPeor.Server/Components/Pages/Privacy.razor.rz.scp.css */
p[b-egsvalnalu], li[b-egsvalnalu], div[b-egsvalnalu] {
    font-size: 3vmin;
}

strong[b-egsvalnalu]{
    font-weight: normal;
    color: rgb(120,120,120);
}

.privacy-container[b-egsvalnalu] {
    font-size: 0.8em;
    max-width: 85vw;
    background-color: rgba(0,0,0,0.5);
    max-height: 82vh;
    overflow-y: scroll;
}

.paragraph-heading[b-egsvalnalu] {
    color: rgb(100,200,200);
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.paragraph-heading2[b-egsvalnalu] {
    color: rgb(200,200,100);
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

p[b-egsvalnalu] {
    margin-top: 0.5em;
    margin-top: 0.5em;
}

ul[b-egsvalnalu] {
    margin-top: 0.2em;
    margin-top: 0.2em;
}

li[b-egsvalnalu] {
    margin-top: 0.2em;
    margin-top: 0.2em;
}
/* _content/JeffPeor.Server/Components/Pages/Terms.razor.rz.scp.css */
p[b-omsnpt6zqq], li[b-omsnpt6zqq], div[b-omsnpt6zqq] {
    font-size: 3vmin;
}

strong[b-omsnpt6zqq] {
    font-weight: normal;
    color: rgb(120,120,120);
}

.terms-container[b-omsnpt6zqq] {
    font-size: 0.8em;
    max-width: 85vw;
    background-color: rgba(0,0,0,0.5);
    max-height: 82vh;
    overflow-y: scroll;
}

.paragraph-heading[b-omsnpt6zqq] {
    color: rgb(100,200,200);
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.paragraph-heading2[b-omsnpt6zqq] {
    color: rgb(200,200,100);
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

p[b-omsnpt6zqq] {
    margin-top: 0.5em;
    margin-top: 0.5em;
}

ul[b-omsnpt6zqq] {
    margin-top: 0.2em;
    margin-top: 0.2em;
}

li[b-omsnpt6zqq] {
    margin-top: 0.2em;
    margin-top: 0.2em;
}
/* _content/JeffPeor.Server/Identity/Pages/Login.razor.rz.scp.css */
.login-links-container[b-cgffiqhfsy] {
    grid-row: 3;
    grid-column: 1;
    font-size: .5rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    margin-top: 0.5rem;
}

.remember-me-container[b-cgffiqhfsy]{
    display: flex;
    flex-direction: row;
    font-size: 0.7rem;
    align-content: center;
    column-gap: 0.5rem;
}
/* _content/JeffPeor.Server/Identity/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.external-logins-table[b-0b8hpx3dlj]{
    display: grid;
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
}
/* _content/JeffPeor.Server/Identity/Pages/Register.razor.rz.scp.css */
/* all styles moved to app.css */
/* _content/JeffPeor.Server/Identity/Shared/ExternalLoginPicker.razor.rz.scp.css */
/* _content/JeffPeor.Server/Identity/Shared/ManageLayout.razor.rz.scp.css */
form input[type=text][b-zkgqdr4m85]{
    width: 10vw;
}

.id-manage-container[b-zkgqdr4m85]{
    display: grid;
    flex-direction: row;
    grid-template-columns: auto 1rem auto 1fr;
    justify-content: center;
    justify-items: center;
}

.id-manage-body[b-zkgqdr4m85]{
    grid-column: 3;
}

.vertical-divider[b-zkgqdr4m85]{
    grid-column: 2;
    height: 100%;
    width: 0.1rem;
    background-color: white;
}

.pad[b-zkgqdr4m85]{
    grid-column: 4;
}
/* _content/JeffPeor.Server/Identity/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-account-links-container[b-pcadyzy7jv]{
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}