body{
    background-attachment: fixed!important; 
    background-repeat: no-repeat!important; 
    background-position: center!important; 
    background-size: cover!important; 
    background: url('../img/background.png');
    z-index: -99;
    position: relative;
    overflow: hidden;
}
.background-cont{
    width: 400px;
    border-radius: 50%;
    position: absolute;
    top: 30vh;
    left: 0;
    z-index: -1;
    > img{
        width: 100%;
        transform: scaleX(-1);
    }
}
.background-line{
    position: absolute;
    width: 100%;
    z-index: -2;
    > img{
        width: 100%;
    }
}
.login-content{
    position: absolute;
    left: 35%;
    top: 30vh;
}
.content-wrapper{
    background: none!important;
}
.main-footer{
    margin-top: 10px!important;
    background: #343a40;
}
.img-circle-login{
    border-radius:50%;
}
@media screen and (max-width: 750px) {
    .login-content{
        position: absolute;
        left: 0%;
        top: 15vh;
    }
    .background-cont{
        width: 100%;
        border-radius: 50%;
        position: absolute;
        top: 50vh;
        left: 0;
        z-index: -1;
        > img{
            width: 100%;
            transform: scaleX(-1);
        }
    }
    .background-line{
        position: absolute;
        width: 100%;
        top: 35vh;
        z-index: -2;
        > img{
            width: 100%;
        }
    }
    .main-footer{
        margin-top: -30px!important;
        background: #343a40;
    }
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #f1f1f1;
  transition: background-color 5000s ease-in-out 0s;
}