@tailwind base;
@tailwind components;
@tailwind utilities;

/* ===========================================================================================
                                        CSS INDEX
==============================================================================================

|| GENERAL
|| LOGIN

==============================================================================================
|| GENERAL
=========================================================================================== */



/* ===========================================================================================
|| LOGIN
=========================================================================================== */


/* blur the login page image to hide its poor quality */
div.login-image {
    background: url('./images/login.png');
    background-size: cover;
}

div.blur-image {
    overflow: hidden;
    margin: 0;
    text-align: left;
}

div.blur-image:before {
    z-index: 1;

    content: "";
content: "";
    position: absolute;
    width : 100%;
    height: 100%;
    background: inherit;
    z-index: -1;

    filter        : blur(10px);
    -moz-filter   : blur(10px);
    -webkit-filter: blur(10px);
    -o-filter     : blur(10px);

    transition        : all 2s linear;
    -moz-transition   : all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition     : all 2s linear;
}