.shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.blur {
  -webkit-filter: blur(5px);
  /* Chrome, Opera, etc. */
  filter: url('blur.svg#blur');
  /* Older FF and others - http://jordanhollinger.com/media/blur.svg */
  filter: blur(5px);
  /* Firefox 35+, eventually all */
}
.pressable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  transition: transform ease-in-out 0.2s;
}
.pressable:active {
  transform: scale(0.9);
}
.floating {
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  /* Chrome, Safari, Opera */
  animation-direction: alternate;
}
.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.falloo-popover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: white;
  border-radius: 1vmin;
  border: 1px solid black;
  position: fixed;
  z-index: 999;
  padding: 2vmin;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(5deg);
  }
  to {
    -moz-transform: rotate(-5deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
/* 3d Spin Animation */
/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}
/* all other browsers */
@keyframes spinner {
  from {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
.nice-3d-spinner {
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
  animation-name: spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* End of 3d animation */
/* Close Up Animation */
@-webkit-keyframes closeUp {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.5) translate(0px);
  }
}
@-moz-keyframes closeUp {
  from {
    -moz-transform: scale(1) translate(0px);
  }
  to {
    -moz-transform: scale(1.5) translate(0px);
  }
}
@-o-keyframes closeUp {
  from {
    -o-transform: scale(1) translate(0px);
  }
  to {
    -o-transform: scale(1.5) translate(0px);
  }
}
@-webkit-keyframes closeUpLite {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.1) translate(0px);
  }
}
@-moz-keyframes closeUpLite {
  from {
    -moz-transform: scale(1) translate(0px);
  }
  to {
    -moz-transform: scale(1.1) translate(0px);
  }
}
@-o-keyframes closeUpLite {
  from {
    -o-transform: scale(1) translate(0px);
  }
  to {
    -o-transform: scale(1.1) translate(0px);
  }
}
/*****/
/* LOADER */
.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-Light.ttf);
  font-weight: lighter;
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-LightItalic.ttf);
  font-style: italic;
  font-weight: lighter;
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-SemiboldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: BlinBlonOpenSans;
  src: url(/stylesheets/blin-blon-theme/fonts/OpenSans-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
body {
  font-family: BlinBlonOpenSans !important;
}
body {
  overflow: hidden;
}
.achievement-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  background: -moz-linear-gradient(left, rgba(65, 71, 73, 0.6) 0%, #414749 50%, rgba(65, 71, 73, 0.99) 51%, rgba(65, 71, 73, 0.6) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(65, 71, 73, 0.6) 0%, #414749 50%, rgba(65, 71, 73, 0.99) 51%, rgba(65, 71, 73, 0.6) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(65, 71, 73, 0.6) 0%, #414749 50%, rgba(65, 71, 73, 0.99) 51%, rgba(65, 71, 73, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99414749', endColorstr='#99414749', GradientType=1);
  /* IE6-9 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes balloonmove {
  0% {
    transform: translate(-60vw) rotate(-30deg);
  }
  30% {
    transform: translate(0) rotate(20deg);
  }
  70% {
    transform: translate(0) rotate(-20deg);
  }
  100% {
    transform: translate(60vw) rotate(30deg);
  }
}
@-webkit-keyframes balloonmovevertical {
  0% {
    transform: translateY(80vh) scale(0.5);
  }
  60%,
  100% {
    transform: translateY(-80vh) scale(1);
  }
}
@-webkit-keyframes trophymove {
  0% {
    transform: translateY(0) scale(0.35);
  }
  20% {
    transform: translateY(0) scale(0.35);
  }
  60%,
  100% {
    transform: translateY(50vh) scale(1);
  }
}
@-webkit-keyframes cloudmove {
  0% {
    transform: translate(0vw);
  }
  100% {
    transform: translate(200vw);
  }
}
@-webkit-keyframes levelupmove {
  0% {
    transform: scale(0.1);
    opacity: 0.2;
  }
  5% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  10% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  15% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Other Browsers */
@keyframes balloonmove {
  0% {
    transform: translate(-60vw) rotate(-30deg);
  }
  30% {
    transform: translate(0) rotate(20deg);
  }
  70% {
    transform: translate(0) rotate(-20deg);
  }
  100% {
    transform: translate(60vw) rotate(30deg);
  }
}
@keyframes balloonmovevertical {
  0% {
    transform: translateY(80vh) scale(0.5);
  }
  60%,
  100% {
    transform: translateY(-80vh) scale(1);
  }
}
@keyframes trophymove {
  0% {
    transform: translateY(0) scale(0.35);
  }
  20% {
    transform: translateY(0) scale(0.35);
  }
  60%,
  100% {
    transform: translateY(50vh) scale(1);
  }
}
@keyframes cloudmove {
  0% {
    transform: translate(0vw);
  }
  100% {
    transform: translate(200vw);
  }
}
@keyframes levelupmove {
  0% {
    transform: scale(0.1);
    opacity: 0.2;
  }
  5% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  10% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  15% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.smooth-image {
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */
}
.vertical-align {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.35em;
}
.achivement-display {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1220;
}
.achivement-display .achivement-container {
  position: absolute;
  top: calc(50% - 60vmin);
  left: calc(50% - 50vmin);
  width: 100vmin;
  height: 120vmin;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  opacity: 1;
  z-index: 100;
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */
  -webkit-animation: balloonmovevertical 8s infinite;
  /* Safari 4.0 - 8.0 */
  animation: balloonmovevertical 8s infinite;
}
.achivement-display .achivement-container.init {
  transform: translate(-50%);
  transition: transform 0.5s ease-in;
}
.achivement-display .achivement-container.middle {
  transform: translate(0);
  transition: transform 0.5s ease-in;
}
.achivement-display .achivement-container.end {
  transform: translate(50%);
  transition: transform 0.5s ease-in;
}
.achivement-display .achivement-container .description {
  position: relative;
  display: inline-block;
  top: 20vmin;
  height: 25vmin;
  width: 28vmin;
  font-size: 4vmin;
  font-family: 'Acme', sans-serif;
  color: #545238;
  -webkit-text-shadow: -1px -1px #1f1f1f, 1px 1px #c7c7c7;
  -moz-text-shadow: -1px -1px #1f1f1f, 1px 1px #c7c7c7;
  text-shadow: -1px -1px #1f1f1f, 1px 1px #c7c7c7;
}
.achivement-display .achivement-container .description:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.35em;
}
.achivement-display .achivement-container .description > span {
  display: inline-block;
  line-height: 4vmin;
  vertical-align: middle;
  word-wrap: break-word;
}
.achivement-display .achivement-container .balloon {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100vmin;
  height: 80vmin;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/res/images/elements/default/balloon.png");
  opacity: 0.95;
}
.achivement-display .achivement-container .trophy {
  position: absolute;
  top: calc(50% - 18vmin);
  left: calc(50% - 30vmin);
  width: 60vmin;
  height: 90vmin;
  background-image: url("/res/images/elements/default/cup.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
  z-index: 100;
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */
  -webkit-animation: trophymove 8s infinite;
  /* Safari 4.0 - 8.0 */
  animation: trophymove 8s infinite;
}
.achivement-display .achivement-container .player {
  position: absolute;
  display: inline-block;
  bottom: 18.5vmin;
  left: calc(50% - 15vmin);
  width: 30vmin;
  height: 6vmin;
  font-family: 'Acme', sans-serif;
  font-size: 2.5vmin;
  color: #545238;
  text-shadow: 1px 1px 1px #545238;
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -o-crisp-edges;
  /* Opera               */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                */
}
.achivement-display .achivement-container .player:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.35em;
}
.achivement-display .achivement-container .player > span {
  display: inline-block;
  line-height: 3vmin;
  vertical-align: middle;
  word-wrap: break-word;
}
.levelup-container {
  position: absolute;
  top: calc(50% - 25vmin);
  left: calc(50% - 20vmin);
  width: 40vmin;
  height: 40vmin;
  font-family: 'Acme', sans-serif;
  z-index: 1220;
  -webkit-animation: levelupmove 4s linear infinite;
  /* Safari 4.0 - 8.0 */
  animation: levelupmove 4s linear infinite;
}
.levelup-container .star {
  width: 40vmin;
  height: 40vmin;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/res/images/elements/default/star.png");
  text-align: center;
}
.levelup-container .star .label {
  position: absolute;
  left: 0;
  bottom: 6vmin;
  width: 40vmin;
  font-size: 4vmin;
  color: #dc0145;
}
.levelup-container .star .level {
  position: relative;
  top: calc(50% - 10vmin);
  font-size: 15vmin;
  font-weight: 800;
  color: #dc0145;
}
.levelup-container .player {
  position: relative;
  bottom: 0;
  width: 40vmin;
  text-align: center;
  color: #f2d0a4;
  font-size: 5vmin;
}
.bubble {
  position: absolute;
  display: inline-block;
  top: 2vmin;
  left: 2vmin;
  width: 3vmin;
  height: 3vmin;
  background-color: rgba(247, 197, 66, 0.5);
  border-radius: 3vmin;
  font-size: 2vmin;
  font-weight: bold;
  animation: pointsmove 2.5s linear;
  animation-fill-mode: forwards;
}
@keyframes pointsmove {
  0% {
    top: 2vmin;
    opacity: 1;
  }
  50% {
    top: -1vmin;
    opacity: 1;
  }
  100% {
    top: -4vmin;
    opacity: 0;
  }
}
/* Mixin to generate random number;
   int should be 0 or 1, 1 being to make it an integer 
*/
.cloud {
  position: fixed;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.9;
}
.cloud.cloud1 {
  top: 40vh;
  left: -27vw;
  width: 27vmin;
  height: 27vmin;
  background-image: url("/res/images/elements/default/cloud1.png");
  z-index: 1210;
  -webkit-animation: cloudmove 79s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 79s infinite;
  animation-delay: -48s;
}
.cloud.cloud2 {
  top: 41vh;
  left: -32vw;
  width: 10vmin;
  height: 10vmin;
  background-image: url("/res/images/elements/default/cloud2.png");
  z-index: 1210;
  -webkit-animation: cloudmove 131s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 131s infinite;
  animation-delay: -70s;
}
.cloud.cloud3 {
  top: 56vh;
  left: -15vw;
  width: 28vmin;
  height: 28vmin;
  background-image: url("/res/images/elements/default/cloud3.png");
  z-index: 1210;
  -webkit-animation: cloudmove 136s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 136s infinite;
  animation-delay: -78s;
}
.cloud.cloud4 {
  top: 28vh;
  left: -79vw;
  width: 26vmin;
  height: 26vmin;
  background-image: url("/res/images/elements/default/cloud4.png");
  z-index: 1210;
  -webkit-animation: cloudmove 225s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 225s infinite;
  animation-delay: -56s;
}
.cloud.cloud5 {
  top: 66vh;
  left: -12vw;
  width: 25vmin;
  height: 25vmin;
  background-image: url("/res/images/elements/default/cloud5.png");
  z-index: 1210;
  -webkit-animation: cloudmove 194s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 194s infinite;
  animation-delay: -76s;
}
.cloud.cloud6 {
  top: 42vh;
  left: -52vw;
  width: 16vmin;
  height: 16vmin;
  background-image: url("/res/images/elements/default/cloud6.png");
  z-index: 1210;
  -webkit-animation: cloudmove 322s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 322s infinite;
  animation-delay: -60s;
}
.cloud.cloud7 {
  top: 43vh;
  left: -35vw;
  width: 19vmin;
  height: 19vmin;
  background-image: url("/res/images/elements/default/cloud7.png");
  z-index: 1210;
  -webkit-animation: cloudmove 322s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 322s infinite;
  animation-delay: -44s;
}
.cloud.cloud8 {
  top: 35vh;
  left: -45vw;
  width: 17vmin;
  height: 17vmin;
  background-image: url("/res/images/elements/default/cloud8.png");
  z-index: 1210;
  -webkit-animation: cloudmove 311s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 311s infinite;
  animation-delay: -20s;
}
.cloud.cloud9 {
  top: 63vh;
  left: -82vw;
  width: 11vmin;
  height: 11vmin;
  background-image: url("/res/images/elements/default/cloud9.png");
  z-index: 1210;
  -webkit-animation: cloudmove 160s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 160s infinite;
  animation-delay: -64s;
}
.cloud.cloud10 {
  top: 23vh;
  left: -82vw;
  width: 23vmin;
  height: 23vmin;
  background-image: url("/res/images/elements/default/cloud10.png");
  z-index: 1210;
  -webkit-animation: cloudmove 166s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 166s infinite;
  animation-delay: -46s;
}
.cloud.cloud11 {
  top: 22vh;
  left: -57vw;
  width: 19vmin;
  height: 19vmin;
  background-image: url("/res/images/elements/default/cloud11.png");
  z-index: 1210;
  -webkit-animation: cloudmove 303s infinite;
  /* Safari 4.0 - 8.0 */
  animation: cloudmove 303s infinite;
  animation-delay: -27s;
}
/* animated ribbon */
.ribbon {
  position: relative;
  display: table;
  top: 86vh;
  height: 60px;
  margin: 0 auto;
  padding: 0 5vmin;
  color: #545238;
  font: 4vmin 'Acme', sans-serif;
  font-size: 3.5vmin;
  text-align: center;
  background: #f7c542;
  -webkit-animation: main 1000ms;
  -moz-animation: main 1000ms;
  -ms-animation: main 1000ms;
  animation: main 1000ms;
  animation-delay: 2s;
}
.ribbon.invisible {
  visibility: hidden;
}
.ribbon .text {
  line-height: 60px;
}
.ribbon i {
  position: absolute;
}
.ribbon i:nth-child(2),
.ribbon i:nth-child(3) {
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: -1;
  border: 20px solid transparent;
  border-right-color: #503b03;
  -webkit-animation: edge 2000ms;
  -moz-animation: edge 2000ms;
  -ms-animation: edge 2000ms;
  animation: edge 2000ms;
  animation-delay: 2s;
}
.ribbon i:nth-child(3) {
  left: auto;
  right: -20px;
  border-right-color: transparent;
  border-left-color: #503b03;
}
.ribbon i:nth-child(4),
.ribbon i:last-child {
  width: 100px;
  bottom: -20px;
  left: -80px;
  z-index: -2;
  border: 30px solid #ca9509;
  border-left-color: transparent;
  -webkit-animation: back 2400ms;
  -moz-animation: back 2400ms;
  -ms-animation: back 2400ms;
  animation: back 2400ms;
  animation-delay: 2s;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.ribbon i:last-child {
  bottom: -20px;
  left: auto;
  right: -80px;
  border: 30px solid #ca9509;
  border-right-color: transparent;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
p {
  text-align: center;
  color: #aaa;
}
/* animations */
@-webkit-keyframes main {
  0% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
@-webkit-keyframes edge {
  0%,
  50% {
    -webkit-transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes back {
  0%,
  75% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
@-moz-keyframes main {
  0% {
    -moz-transform: scaleX(0);
  }
  100% {
    -moz-transform: scaleX(1);
  }
}
@-moz-keyframes edge {
  0%,
  50% {
    -moz-transform: scaleY(0);
  }
  100% {
    -moz-transform: scaleY(1);
  }
}
@-moz-keyframes back {
  0%,
  75% {
    -moz-transform: scaleX(0);
  }
  100% {
    -moz-transform: scaleX(1);
  }
}
@keyframes main {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes edge {
  0%,
  50% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes back {
  0%,
  75% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}