.login_container {
    display: flex;
    width:100%;
    height:100%;
    align-items: center;
    justify-content: center;
 
}

div.item_container{
    display: table-cell;
    vertical-align: top;
    padding: 1.2vw;
    font-size: 2vw;
    text-align: center;
}

/*.login_container{
    display:none;
    position:fixed;
    z-index:501;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,1);
}*/

.login_parrent{
    display:flex;
    width: fit-content;
    height:fit-content;
    text-align:center;
    vertical-align:middle;
}

.login_child{
    display:flex;
height: fit-content;
    width:40vw;
    min-height:20vh;
    padding:3vw;
    background-color:#25486B;
    border-radius:40px;
    border:solid 2px #999999;
    color:white;
}

.login_text_container{
    display:table;
    width:100%;
    min-height:20vh;
}

.login_text{

    display:table-cell;
    vertical-align:middle;
    text-align:center;
    min-height:20vh;
    margin-bottom:10px;
    color:#ffffff;
}


.login_button{
    width:calc(100% - 3vw);
    padding:1.5vw;
    background-color:#0F0F0F;
    color:rgba(0,0,0,1);
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
    border-radius:10px;
    border:solid 2px #222222;
    color:#ffffff;
    box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
    text-align: center;
}

.login_toptext{
    display:block;
    font-weight:bold;
    color:#91C6FF;
}

.login_exit{
    color:#C3AF4A;
}

.register{
    color:#8BC34A;
}

.left{
    display:inline-block;
    width:36%;
    float:left;
}

.right{
    display:inline-block;
    width:36%;
    float:right;
}

.info_container{
    display:none;
    position:fixed;
    z-index:601;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,0.5);
}

.info_parrent{
    display:table-cell;
    width:100vw;
    height:100vh;
    text-align:center;
    vertical-align:middle;
}

.info_child{
    display:inline-block;
    width:60vw;
    min-height:20vh;
    padding:3vw;
    background-color:#25486B;
    border-radius:40px;
    border:solid 2px #999999;
    color:white;
}

.info_text_container{
    display:table;
    width:100%;
    min-height:20vh;
}

.info_text{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    min-height:20vh;
    margin-bottom:10px;
    color:#ffffff;
    font-weight:bold;
}