.login-container

{

    background: rgba(255,255,255,0.2);

    text-align: center;

    width: 400px;

    margin: 0 auto;

    margin-top: 1.5vh;   

    backdrop-filter: blur(1);

   

    border-radius: 10px;

}



.login-Remember-label

{

    color: #7EBFB4;

    font-size: 0.8em;

}





.login-logo

{

    width: 120px;

    height: 120px;

}



.login-heading

{

    margin: 0;

    padding:0;

    margin-bottom: 5%;

    font-size: 2em;

}





.login-input

{

    border-radius: 3px;

    border: solid 2px #7EBFB4;

    color: #7EBFB4;

    background: none;

    height: 30px;

    margin-top: 5%;

    padding-left: 2%;

    border-radius: 10px;

    outline: none;

    transition: 0.5s;

}



.login-input:hover

{

    border: solid 2px whitesmoke;

}



.login-input::placeholder{

    color: #7EBFB4;

}



.login-forget-container

{



    width: 50%;

    margin-left: 15%;

    margin-top: 5%;

    margin-bottom: 5%;

}



.login-submit-button

{

    height: 40px;

    width: 42%;

    border: none;

    border-radius: 10px;

    color: white;

    outline: none;

    background: #7EBFB4;

    margin-top: 5%;

    margin-bottom: 15%;

    transition: 0.5s;



}

.login-submit-button:hover

{

    background:none;

    border: solid 2px #7EBFB4;

    color: #7EBFB4;

}





.login-error

{

    opacity: 0;

    background: rgba(255,255,255,0.2);

    text-align: center;

    width: 350px;

    height: 40px;

    margin: 0 auto;

    margin-top: 12vh;

    backdrop-filter: blur(1);

    border-radius: 10px;

}





.login-error label

{

    color: #D0B3C9;

    line-height: 40px; 

    padding: 0; 

}