@charset "utf-8";
.fadeInRight{
    animation-name: fadeInRight;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(3rem);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInUp{
    animation-name: fadeInUp;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDownMenu{
    animation-name: fadeInDownMenu;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(1,0,0,1);
    -moz-animation-timing-function: cubic-bezier(1,0,0,1);
    -o-animation-timing-function: cubic-bezier(1,0,0,1);
    animation-timing-function: cubic-bezier(1,0,0,1);
}
@keyframes fadeInDownMenu {
    0% {
        opacity: 0;
        transform: translateY(-100vh);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeOutUpMenu{
    animation-name: fadeOutUpMenu;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes fadeOutUpMenu {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-100vh);
    }
}