

.main-login{
    width: 100vw;
    height: 100vh;
    background:linear-gradient(130deg, var(--bg-dark) 40%, var(--bg-light) 200%);
    display: flex;
    justify-content: center;
    align-items: center;

    .left-login{
        width: 50vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        h1 {
            color:white;
        }
    }
    .right-login{

        width: 50vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.card-login{

    width: 60%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 35px;
    background: rgba(113, 113, 116, 0.11);
    border-radius: 20px;
    box-shadow: 0px 10px 60px #161616cc;
    h1 {
        color: white;
        font-weight: 900;
        margin: 0;
    
    }
}

.textfield{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;

}

.textfield > input {
   width: 100%;
   border: none;
   border-radius: 10px;
   padding: 15px;
   background: rgba(142, 142, 153, 0.496);
   color: white;
   font-size: 12pt;
   box-shadow: 0px 20px 10px #161616;
   box-sizing: border-box;
}

.textfield > label {
     color: white;
     margin-bottom: 3px;

}