@charset "UTF-8";

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

.bgBlack1 {
    color: white;
    background-color: #141c27;
}

.bgBlack2 {
    color: white;
    background-color: #3e5678;
}

.bgLogin1 {
    width: 55vw;
    height: 67vh;
    border-right-color: white;
    border-right-width: 4px;
    border-right-style: solid;
}

.bgLogin2 {
    width: 43vw;
    height: 67vh;
}

.bgLogin4 {
    width: 43vw;
    height: 31vh;
    border-top-color: white;
    border-top-width: 4px;
    border-top-style: solid;
    align-items: center;
}

.bgLogin3 {
    width: 55vw;
    height: 31vh;
    border-right-color: white;
    border-right-width: 4px;
    border-right-style: solid;
    border-top-color: white;
    border-top-width: 4px;
    border-top-style: solid;
}

.titleLogin1 {
    color: #ffffff;
    font-size: xx-large;
}

.loginBox1 {
    background-color: #7d838c;
    border-color: white;
    border-width: 8px;
    border-style: solid;
}

.loginBtnSize {
    width: 20vw;
}

.loginmapimg1 {
    background-image: url("/static/img/ebpmtoolLoginCut.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.loginmapimg2 {
    background-image: url("/static/img/ebpmtoolLoginCut.png");
    background-repeat: repeat;
    background-size: 400%;
    background-position: center;
}