#login_container {
    position: relative;
    width: 100%;
    height: calc(100% - 2.5em);
}

#form_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    border-radius: 10px;
    border: 2px solid var(--main-blue);
    background-color: var(--main-black);    
}

.login-label {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
  }

#login_buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
}

input{
    box-sizing: border-box;
    width: 100%;
}

input[type="submit"]{
    cursor:pointer;
}

input[type="submit"]:hover{
    background-color: var(--choice-highlight-color);
    color:var(--main-black);
    text-shadow: none;
}

.login-field-error{
    color: var(--error-color);
}

#version_info {
    position: fixed;
    bottom: 10px;
    right: 10px;
}