body {
  transition: 1.5s;
  opacity: 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s; }

@keyframes slowFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.slowFadeIn {
  opacity: 0;
  transform: translateY(100px);
  transition: 2s; }

.fadePop {
  opacity: 0;
  transform: scale(0.8); }

.overLayer {
  position: relative;
  overflow: hidden; }
  .overLayer::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    transition-delay: 0.3s;
    transition-duration: 0.4s;
    transition-timing-function: ease-in;
    z-index: 2; }

.openLayer::before {
  transform: translateX(100%); }

.order .order_item:first-of-type {
  opacity: 0;
  transform: translateY(100px);
  transition: 1s; }

.order .order_item:nth-of-type(2) {
  opacity: 0;
  transform: translateY(100px);
  transition: 1s .3s; }

.order .order_item:nth-of-type(3) {
  opacity: 0;
  transform: translateY(100px);
  transition: 1s .6s; }

.order.openorder .order_item:first-of-type {
  opacity: 1;
  transform: translateY(0); }

.order.openorder .order_item:nth-of-type(2) {
  opacity: 1;
  transform: translateY(0); }

.order.openorder .order_item:nth-of-type(3) {
  opacity: 1;
  transform: translateY(0); }

.fadePopActive {
  animation-name: fadePop;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadePop {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  75% {
    opacity: 1;
    transform: scale(1.02); }
  85% {
    opacity: 1;
    transform: scale(0.98); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.fadeInScale {
  opacity: 0;
  transform: scale(1.2); }

.fadeInScaleActive {
  animation-name: fadeInScale;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(1.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }