/* login */


body{
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
} 

#LoginBox , #LogoutBox {
    border-radius: 15px;
    border: 2px solid var(--ThirdColor);
}

#LoginBox > div , #LogoutBox > div{
    margin: 1.5em 2.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2em;
}

#LoginBox > div > div {
    display: flex;
    margin: 0 0 .5em;
    flex-direction: row;
    align-items: center;
}

#LoginBox p{
    margin: 0 1em 0 0;
}

#LoginBox > input:last-child {
    margin:1em 0;
}