@charset "UTF-8";

.box {
    margin: 1em;
    padding: 1em;
    border: 1px solid red;
}

.bgBlack2 {
    background-color: var(--std-content-background-color);
}

.title_pain {
    width: 100vw;
    height: 40vh;
    background-color: var(--std-base-background-color);
}

.login_pain {
    width: 100vw;
    height: 60vh;
    background-color: var(--std-base-background-color);
}

.bgLogin1 {
    width: 98%;
    height: 98%;
    border-color: var(--std-border-color);
    border-width: 4px;
    border-style: solid;
}

.bgLogin2 {
    width: 98%;
    height: 98%;
    border-color: var(--std-border-color);
    border-width: 4px;
    border-style: solid;
}

.titleLogin1 {
    font-family: var(--std-font);
    color: var(--std-text-color);
    font-size: xx-large;
}

.loginBox1 {
    background-color: var(--std-content-background-color);
    border-color: var(--std-border-color);
    border-width: 4px;
    border-style: solid;
}

.loginBtnSize {
    width: 20vw;
}