.app-content.content {
        background: #7D00E2 !important;
    }

    .card.bg-authentication > div.row

{
    background-color: #5E00AA !important;
}

body .btn-outline-primary {
    background-color: #9E26FF !important;
    border-color: #9E26FF !important;
    color: #FFFFFF !important;
}

    body .btn-outline-primary:hover {
        background-color: #5E00AA !important;
        border-color: #5E00AA !important;
    }

@media screen and (max-width: 600px) {
    .app-content.content {
        background: #000000 !important;
    }
}
@media screen and (max-width: 600px) {
    div.card div.row.bg-dark-mobile, .bg-dark-mobile {
        background-color: #000000 !important;
    }

    .w-md-75 {
        width: 75% !important;
        margin: auto;
    }
    .rounded-30px {
        border-radius: 30px;
    }
    .mt-40 {
        margin-top: 20%;
    }
}