@keyframes fadeIn{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes fadeOut{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes slideLeft{
    0%{right: 0%;}
    100%{right: 100%;}
}

@keyframes slideLeftInverse{
    0%{right: 100%;}
    100%{right: 0%;}
}

@keyframes slideRight{
    0%{left: 0%;}
    100%{left: 100%;}
}

@keyframes slideRightInverse{
    0%{left: 100%;}
    100%{left: 0%;}
}

@keyframes slideTop{
    0%{top: 0%;}
    100%{top: -100%;}
}

@keyframes slideTopInverse{
    0%{top: -100%;}
    100%{top: 0%;}
}

@keyframes slideDown{
    0%{top: 0%;}
    100%{top: 100%;}
}

@keyframes slideDownInverse{
    0%{top: 100%;}
    100%{top: 0%;}
}