.login-wrapper {
    display: grid;
    grid-template-columns: 5fr 3fr;
    min-width: 1vw;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}

.login-wrapper > .form-wrapper a, .login-wrapper > .form-wrapper .label {
    color: white;
}

.login-wrapper > .form-wrapper {
    background-color: #34613e69;
    backdrop-filter: blur(5px);
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    padding: 30px;
}

.login-wrapper > .form-wrapper .input {
    width: 100%;
}

/* sm no tailwind */
@media (width < 40rem) {
    .login-wrapper {
	grid-template-columns: 0fr 1fr;
    }
}