@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300&display=swap');

body {
    font-size: 15px;
    font-family: 'Manrope', sans-serif !important;
}

input {
    border: 1px dashed darkgray;
    padding: 5px;
}

.content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.error {
    padding: 15px;
    margin-top: 20px;
    text-align: center;
}

.login-form {
    margin-top: 30px
}

.login-form .label {
    width: 100px;
    display: inline-block;
}

.login-form .input {
    width: 150px;
    display: inline-block;
}

.form-row {
    margin-bottom: 10px;
}

.form {
}

input[type="checkbox"] {
    width: 17px;
    height: 17px;
}

.form-submit {
    text-align: center;
}

button {
    padding: 10px 30px;
    font-size: 20px;
}

.logo {
    text-align: center;
}

.input-keep {
    position: relative;
    top: 3px;
    left: -80px;
}

.label-keep {
    width: 130px !important;
    left: -30px;
    position: relative;
}