:root{
    --primary-blue:#0A466F;
}

html{
    font-family:'Inter';
}

.login{
    background-image: url(../images/bus-bg-blur.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.notify-template{
    visibility: visible;
    animation: alertNotify 0.5s, hideNotify 0.5s 2.5s;
}

@keyframes alertNotify{
    from {bottom:0; opacity:0;}
    to {bottom:3rem; opacity:1;}
}

@keyframes hideNotify{
    from {bottom:3rem; opacity:1;}
    to {bottom:0; opacity:0;}
}