/* Centering the login form horizontally and vertically */

.login-form {
    position: absolute;
    /* top: 25%; */
    /* left: 25%; */
    /* right: 25%; */
    width: 300px;
    padding: 20px;
    border-radius: 5px;
    background-color: white;
    text-align: center;
    bottom: 50px;
    right: 50px;
}


/* Responsiveness for mobile devices (adjust width for your preference) */

@media (max-width: 768px) {
    .login-form {
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        /* Use 100% width for mobile */
    }
    body {
        background-color: white;
    }
}