* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.login-box {
    max-width: 17em;
    margin: 5em auto 0 auto;
    padding: 0.5em 0.5em;

    border: 2px solid rgb(123, 149, 142);
    border-radius: 1em;
}

.login-box .logo {
    margin: 0 0 6pt 0;
}

.login-box label {
    display: block;
    text-align: right;
    margin: 5pt 2pt 0 2pt;
    color: rgb(60, 60, 60);
}

.login-box input {
    box-sizing: border-box;
    font-size: 100%;
}

.login-box input[type=text],
.login-box input[type=password] {
    border-radius: 2px;
    border: 1px solid rgb(170, 170, 170);
    padding: 1pt 2pt;
    width: 11.5em;
}

.login-box input.error {
    background-color: rgb(255, 223, 223);
}

.login-box .login-submit {
    margin: 6pt 2pt 5pt 0;
    padding: 0;
    text-align: right;
    border: 0;
}

.login-box input[type=submit] {
    box-sizing: border-box;
    padding: 1pt 3pt;
}