.login-form{
    height:100vh;
}
.main-login{
    display: grid;
    grid-template-rows: 175px 70px 70px 60px auto;
    width: 307px;
    height: 446px;
    margin: 161px auto auto;
    border: 1px solid rgba(189,165,165,1);
    border-radius: 8px;
    box-shadow: 0px 4px 12px -1px rgba(0,0,0,0.25);
    background: white;
}
    .login-logo{
        display:flex;
        width:100%;
        height:100%;
        overflow:hidden;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
        .login-logo > .logo-img{
            display:block;
            margin:auto;
            width:154px;
            height: 70px;
            background:url(../img/ME_logo.png) center center no-repeat;
            background-size: contain;
        }
    .login-input{
        display:flex;
        width:100%;
        height:100%;
        overflow:hidden;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
        .login-input > input{
            width:210px;
            height:36px;
            border-radius:5px;
            border:1px solid #BDA5A5;
            background-color:white;
            padding:0 5px;
        }
            .login-input > input:focus-visible{
                outline:#E90A05 auto 1px;
                outline:var(--main-red) auto 1px;
            }
        .login-input > button{
            width: 120px;
            height: 36px;
            border-radius: 5px;
            background: #FCE4E4;
            color: #D7A4A4;
            border: 0px;
            cursor:pointer;
        }
        .login-input > p {
            width: 90%;
            font-size: 8pt;
            text-align: center;
            color: #E54242;
            color: var(--main-red);
        }
        .login-active{
            background:#EC9D9D !important;
            color:#5B0000 !important;
        }
        .login-input .error-text {
            visibility: hidden;
            margin-bottom: 5px;
        }