/* _content/JoannaWebsite/Pages/App.razor.rz.scp.css */
html[b-jcigrhj6qr],
body[b-jcigrhj6qr] {
    width: 100%;
    margin: 0;
    background: #131313;
}
/* _content/JoannaWebsite/Pages/Home.razor.rz.scp.css */

*[b-cnj2a37gcr] {
    border: 0px;
    margin: 0px;
    background: #131313;
    color: #dddddd;
    font-family: 'Dancing Script';
}

div[b-cnj2a37gcr] {
    display: flex;
    font-size: 7vw;
    align-items: center;
    justify-content: center;
    padding: 2vw;
    white-space: pre;
}

#pswd[b-cnj2a37gcr] {
    width: 15vw;
    height: 3vw;
    border: none;
    outline: none;
    background: none;
    font-size: 2vw;
    font-family: Arial;
    padding: 0;
}

input[type=submit][b-cnj2a37gcr] {
    background: #2c2c2c;
    font-size: 5vw;
    border: 2px solid #b6b6b6;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
}

.text[b-cnj2a37gcr] {
    text-shadow: 2px 1px 1px #aaaaaa, 1px 2px 1px #bbbbbb, 3px 2px 1px #aaaaaa;
    color: #ffffff;
    text-align: center;
    font-size: 10vw;
    vertical-align: middle;
}

#passwordContainer[b-cnj2a37gcr] {
    width: 18vw;
    height: 3vw;
    border: 2px solid lightcyan;
    border-radius: 4px;
    font-size: 2vw;
    padding: 0;
    margin-top: 2.5vw;
    transition: box-shadow 150ms;
    overflow: hidden;
}

    #passwordContainer:focus-within[b-cnj2a37gcr] {
        outline: none;
        box-shadow: 0 0 0 3px hsla(230, 100%, 50%, 60%);
    }

#toggleButton[b-cnj2a37gcr] {
    cursor: pointer;
    width: 3vw;
    height: 3vw;
    padding: 0;
    font-size: 1.5vw;
}

.eye[b-cnj2a37gcr] {
    width: 75%;
    height: 100%;
}

.eye-hide[b-cnj2a37gcr] {
    display: none;
}