/* ========= MAXWAY Animations ========= */

.hero{
    animation:heroFade 1.2s ease;
}

.logo{
    animation:logoAppear 1.5s ease;
}

.status{
    animation:cardAppear 1.8s ease;
}

.footer-domain{

    animation:glow 4s infinite ease-in-out;

}

@keyframes heroFade{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes logoAppear{

    from{

        transform:translateY(-35px);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}

@keyframes cardAppear{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes glow{

    0%{

        text-shadow:

        0 0 8px rgba(168,255,0,.2);

    }

    50%{

        text-shadow:

        0 0 20px rgba(168,255,0,.8),

        0 0 45px rgba(168,255,0,.45);

    }

    100%{

        text-shadow:

        0 0 8px rgba(168,255,0,.2);

    }

}