/* Coded with love by Mutiullah Samim */
    body,
    html {
        margin: 0;
        padding: 0;
        height: 100%;
        background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%); 
    }
    .user_card {
        height: 425px;
        width: 350px;
        margin-top: auto;
        margin-bottom: auto;
        background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%, 0.6);
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 5px;

    }
    .brand_logo_container {
        position: absolute;
        height: 170px;
        width: 170px;
        top: -85px;
        border-radius: 50%;
        text-align: center;
    }
    .brand_logo {
        height: 170px;
        width: 170px;
        background-image: linear-gradient(to top, #efeeec 75%, #efeeec 75%, #efeeec 75%, #efeeec 75%, #e9e9e7 100%);
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 50%;
    }
    .form_container {
        margin-top: 100px;
    }

    .login_container {
        padding: 0 2rem;
    }