body{user-select: none; -webkit-user-select: none; -webkit-font-smoothing: antialiased;}
@-webkit-keyframes fadeInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

@keyframes fadeInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInUp {
  from {opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

@keyframes fadeInDown {
  from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInRight {
  from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight {
  from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInLeft {
  from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft {
  from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes wipe_in_out {
  0% {
    width: 0%;
    left: 0%;
  }

  50% {
    width: 100%;
    left: 0%;
  }

  100% {
    width: 0%;
    left: 100%;
  }
}