.form-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

form {

    min-width: 30vw;
    min-height: 30vw;
    max-width: 30vw;
    max-height: 30vw;
    font-size: 1.5vw;
    color: grey;
    border-radius: 0.58824vw;
    background-color: #36393E !important;
}

form:hover {
    box-shadow: 0 0 1vw 0 #3aaa35;

}

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

.input-field {
    align-items: center;
}

.text-login {
    font-size: 2vw;
    align-items: center;
    text-align: center;
}

.registration {
    justify-content: right;
    align-items: end;
}

.registration a,
.reset-pass {
    color: #3aaa35;
    font-size: 1vw;
}

.registration a:hover,
.reset-pass:hover {
    color: #3aaa35;
    cursor: pointer;
}

.reset-pass {
    margin-right: 1vw;
!important;
}

.reset {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-logo {
    min-width: 10vw;
    min-height: 10vw;
    max-width: 10vw;
    min-width: 10vw;
}

.red {
    background-color: darksalmon;
    color: white;
    font-size: 1vw;
}

body {
    background-color: slategray !important;
}