/*login.html*/
@keyframes fade{
    from{
        opacity: 0;
        margin-left:-150px ;
    }
    to{
        opacity: 1;
        margin-left:50px ;
    }
}
@keyframes fade2{
    from{
        opacity: 0;
        margin-left:-150px ;
    }
    to{
        opacity: 1;
        margin-left:0px ;
    }
}
@keyframes form{
    to{
        opacity: 1;
        margin-left:0px ;
        transform: translateX(0px);
    }
    from{
        opacity: 0;
        transform: translateX(200px);
    }
}
@keyframes bubble{
    from{
        opacity: 0;
        transform: rotate(360deg);
    }
    to{
        opacity: 1;
        transform: rotate(500deg);
    }
}
/*index.html*/
@keyframes link{
    from{
        opacity: 0;
        transform: translateX(-50px);
    }
    to{
        opacity: 1;
        transform: translateX(0px);
    }
}