@media only screen and (min-width: 1440px) {
    /* ------General styles------ */
    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    /* ----------------------Form container ------------------------------*/
    .login_main_container{
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .form_container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: white;
        /* width: 25%; */
        /* width: min(100% - 5rem, 350px); */
        /* margin-inline: auto; */

        height: 75%;
        border-radius: 10px;

        /* Shadows */
        -moz-box-shadow:    3px 3px 4px 5px rgb(218, 218, 218);
        -webkit-box-shadow: 3px 3px 4px 5px rgb(218, 218, 218);
        box-shadow:         3px 3px 4px 5px rgb(218, 218, 218);
    }

    .form_container img {
        width: 60%;
        margin-bottom: 15px;
    }

    .error {
        color: white;
        font-size: 14px;
        background-color: #ff4800a4;
        padding: 10px 20px;
        border-radius: 8px;
        margin: 5px 0px;
    }

    .form {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form_input{
        width: 72%;
        padding: 8px 10px;
        border: none;
        border-bottom: 1px solid lightgray;
        margin: 5px 0px;
        outline: none;
    }

    .form_input::placeholder{
        color: rgb(187, 187, 187);
        font-size: 12px;
    }

    .login_button {
        width: 80%;
        margin: 20px 0px;
        padding: 8px 0px;
        border: none;
        background-color: #ff4700;
        border-radius: 10px;
        color: white;
        cursor: pointer;
        transition: 0.5s;
    }

    .login_button:hover {
        background-color: #b53300;
        transition: 0.5s;    
    }

    .admin_button {
        background-color: white;
        color: #ff4700;
        padding: 6px 15px;
        border: 1px solid #ff4700;
        border-radius: 10px;
        cursor: pointer;
        margin-top: 5px;

        transition: 0.5s;
        text-decoration: none;
        font-weight: 600;

        font-size: 12px;
    }

    .admin_button:hover {
        background-color: #ff4700;
        transition: 0.5s;
        color: white;
    }
}