body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    /* Set the height of the body to the viewport height */
    margin: 0;

    /* background: url('../src/image/bg/pastel_color_bg.png'); */
    background: url('../src/image/bg/img104.jpg');
    /* background: linear-gradient(rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 1) 50%),
            url('src/image/bg/pastel_color_bg.png'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login_form {
    border: 0px solid #eee;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    min-width: 400px;
    max-width: 25vw;
    height: 630px;
    padding: 0 20px !important;
}

.input_field {
    width: 100%;
    border: 0px;
    background: none;
    border-bottom: 1px solid #ccc;
}

.shadow-box {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.logo img {
    width: 100px;
}

.copyright {
color: #000;
font-size: 14pt;
height: 10px;
text-align: center;
}

@media only screen and (max-width: 430px) {
    .login_form {
        margin-top: -50px !important;
        min-width: 350px;
        max-width: 90vw;
        height: 500px;
    }
    .logo img {
        min-width: 100px;
    }
}