/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

#tm-top-a {
  background: #003B49;
}

.bg_stars{
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes wobble {
  0% {
    transform: translateX(0)
  }
  25% {
    transform: translateX(-5px)
  }
  75% {
    transform: translateX(20 px)
  }
  100% {
    transform: translateX(0)
  }
}

#Head {
  animation: wobble 2s linear infinite;
}

#BlueprintRocket {
  animation: bounce 6s ease-in-out infinite;
  transform-origin: center bottom;
}

@keyframes bounce {
  from, 10%, 26%, 40%, 50%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  20%, 21% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  35% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  45% {
    transform: translate3d(0,-4px,0);
  }
}

#innerflame {
  animation: inner_flame 2s ease-in-out infinite;
}

#outerflame {
  animation: outer_flame 2s ease-in-out infinite;
}


@keyframes inner_flame {
  from, 50%, to {
    fill: white;
    transform: scaleY(1);
  }

  25%, 75% {
    fill: yellow;
    transform: scaleY(1.05);
  }
}
@keyframes outer_flame {
  from, 50%, to {
    fill: white;
    transform: scaleY(1);
  }

  25%, 75% {
    fill: red;
    transform: scaleY(1.05);
  }
}


@keyframes pulse {
  from,20%,to {
    transform: scale3d(1, 1, 1);
  }

  10% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
}

.pulse {
  animation-name: pulse;
}

#nose {
  animation: pulse 6s ease-in-out infinite;
  transform-origin: center center;
}

#window {
  animation: pulse 6s ease-in-out 1s infinite;
  transform-origin: center center;
}

#engine {
  animation: pulse 6s ease-in-out 2s infinite;
  transform-origin: center top;
}

#services_rocket {
  animation: pulse 6s ease-in-out 3s infinite;
  transform-origin: center center;
}