.slide-from-left {animation: slide-from-left 1s 1;}
.slide-from-right {animation: slide-from-right 1s 1;}
.slide-down {animation: slide-down 1s 1;}
.slide-down-without-opacity {animation: slide-down-without-opacity 1s 1;}
.slide-up {animation: slide-up 1s 1;}
.slide-up-fast {animation: slide-up 0.5s 1;}
.slide-up-little-without-opacity {animation: slide-up-little-without-opacity 1s 1;}
.slide-down-little-without-opacity {animation: slide-up-little-without-opacity 1s 1;}
.pop-up {animation: pop-up .5s ease-in-out forwards;}
.pop-up-small {animation: pop-up-small .5s ease-in-out forwards;}
.wipe-enter {animation: pop-up .5s ease-in-out forwards;}

@keyframes slide-from-right {
    0% {transform: translateX(50px); opacity: 0;}
    100% {transform: translateX(0px); opacity: 1;}
}

@keyframes slide-from-left {
    0% {transform: translateX(-30px); opacity: 0;}
    100% {transform: translateX(0px); opacity: 1;}
}

@keyframes slide-down {
  0% {transform: translateY(-50px); opacity: 0;}
  100% {transform: translateY(0px); opacity: 1;}
}

@keyframes .slide-down-without-opacity {
  0% {transform: translateY(-50px);}
  100% {transform: translateY(0px);}
}

@keyframes slide-up {
  0% {transform: translateY(50px); opacity: 0;}
  100% {transform: translateY(0px); opacity: 1;}
}

@keyframes slide-up-little-without-opacity {
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

@keyframes slide-down-little-without-opacity {
  0% {transform: translateY(-10px);}
  100% {transform: translateY(0px);}
}

@keyframes pop-up {
    0% {transform: translateX(0px) scale(.5); opacity: 0;}
    100% {transform: translateX(0px) scale(1); opacity: 1;}
}

@keyframes pop-up-small {
    0% {transform: translateX(0px) scale(.5); opacity: 0.8;}
    100% {transform: translateX(0px) scale(1); opacity: 1;}
}

@keyframes wipe-enter {
    0% {transform: scale(0, .025);}
    50% {transform: scale(1, .025);}
}