/*
* By Jose Aguinaga
* http://jjperezaguinaga.com

@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

*/

body {
  background-color : white;
}

@-webkit-keyframes rotate-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-left {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes hover {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@-webkit-keyframes pull {
  0% {
    -webkit-transform: scaleY(1);
  }
  40% {
    -webkit-transform: scaleY(1.01);
  }
  60% {
    -webkit-transform: scaleY(0.99);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.99);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}

#gabc {
  fill: transparent;
  stroke: red;
  stroke-width: 45;
  stroke-dasharray: 1, 14;
  stroke-dashoffset: 1;
}


/*

#gab {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 200px 200px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-right 12s linear 0s infinite;
}


#eul {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 110px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 12s linear 0s infinite;
}
*/
#byung {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-right 12s linear 0s infinite;
}
#jeong {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 12s linear 0s infinite;
}
#moo {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-right 12s linear 0s infinite;
}
#gi {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 12s linear 0s infinite;
}
#gyung {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-right 12s linear 0s infinite;
}

#sin {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 12s linear 0s infinite;
}
#im {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-right 12s linear 0s infinite;
}
#gye {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 12s linear 0s infinite;
}

#sun {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-left 20s linear 0s infinite;
}


@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

#polar {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 300px 430px ;
  -webkit-transform: translate3d(0, 0, 0); 
  -webkit-animation: rotate-left 20s linear 0s infinite;
 }
 
#face { stroke-width: 2px; stroke: #fff; }
#hour, #min, #sec { 
 stroke-width: 1px;
 fill: pink;
 stroke: #555;
}

#sec { stroke: #f55; } 


/*# sourceMappingURL=batang.css.map */