.login_bg{
    /* background-image: url('../inc/bg_login.jpg'); */
    background: rgb(108,92,231);
background: linear-gradient(137deg, rgba(108,92,231,1) 0%, rgba(52,152,219,1) 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    width: 100dvw;
    overflow: hidden;
    font-family: "Onest", sans-serif;
}

.container{
    /* background-color: aquamarine; */
    /* width: 300px; */
    /* height: 300px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    padding: 30px;
    border-radius: 15px;
}
form{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.form-group{
    display: flex;
    flex-direction: column;
    width: 100%;
}
label{
    margin-bottom: 3px;
}
input{
    padding: 8px 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    outline: none;
    color: #000;
    max-width: 300px;
    width: 280px;
    /* font-size: 100%; */
}
input:focus{
    border: 1px solid #6c5ce7;
}
input[type="submit"]{
    margin-top: 5px;
    background-color: #6c5ce7;
    color: #fff;
    width: 100%;
    cursor: pointer;
    transition: .2s;
}
input[type="submit"]:hover{
    background-color:rgb(90 78 214 / 1);
}
.login-card{
    backdrop-filter: blur(15px);
    box-shadow: 0 180x 200px -60px #000;
    border: 2px solid #ffffff40;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, .1);
}