#loginForm {
    margin: auto;
    text-align: center;
    & input {
        color: #c1c1c1;
        border: 1px solid #666;
    }

    & input[type=text], input[type=password] {
        background-color: #31313133;
        width: 300px;
        font-family: monospace;
        margin-bottom: 10px;
    }

    & #submitLogin {
        background-color: #31513133;
        padding: 4px 25px 4px 25px;
        cursor: pointer;
    }

    & #submitLogin:hover {
        background-color: #41714133;
    }

    & #submitLogin:disabled {
        background-color: #0002;
        color: #717171;
        cursor: not-allowed;
    }

    #loginError {
        width: 300px;
        margin: 10px auto 10px auto;
        background-color: #51313188;
        border: 2px solid #714141;
        padding: 5px;
        opacity: 1;
        transition: opacity 0.5s;
    }

    #loginError.softHide {
        opacity: 0;
        transition: opacity 0.5s;
    }
}

.softHide {
    opacity: 0;
}