html,
body {
  height: 100%;
  overflow-x: hidden;
}
.wrapper {
  background: #2e1c3a;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px auto -25px;
  padding-top: 20px;
}
.push {
  height: 25px;
}
.error-text {
  color: #ffffff;
}
.whale {
  position: relative;
  -webkit-animation: mymove 5s;
  /* Chrome, Safari, Opera */
  animation: mymove 5s;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 949px) {
  .whale {
    -webkit-animation: none;
    animation: none;
  }
  .whale img {
    max-width: 350px;
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from {
    right: -600px;
  }
  to {
    right: 0px;
  }
}
@keyframes mymove {
  from {
    right: -600px;
  }
  to {
    right: 0px;
  }
}