form.loginForm {

    width: 30em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    align-items: center;
    justify-content: center;

    margin: 0;

}



input.loginSubdomain {

    border-radius: 0.5em 0em 0em 0em;
    width: 15em;
    text-align: center;

}

span.loginDomain {

    box-sizing: border-box;
    width: 15em;
    height: 3em;

    color: var(--main-color);
    background: var(--background-color);

    padding: 1px 2px 1px 2px;
    /* same as input */

    text-align: center;

    border: 1px solid var(--main-color);
    border-left: 0px;
    border-radius: 0em 0.5em 0em 0em;


    font-size: 1em;

    display: flex;
    align-items: center;
    justify-content: center;

}

input.loginPassword {

    border-top: 0px;
    border-radius: 0em 0em 0.5em 0.5em;
    width: 30em;
    text-align: center;

}

button.loginButton {

    margin-top: 1em;
    display: inline-flex;
    align-items: center;
    height: 3em;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    align-self: center;

}