@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
.bars:nth-child(0) {
  transform: rotate(0deg);
}

.bars:nth-child(1) {
  transform: rotate(3deg);
}

.bars:nth-child(2) {
  transform: rotate(6deg);
}

.bars:nth-child(3) {
  transform: rotate(9deg);
}

.bars:nth-child(4) {
  transform: rotate(12deg);
}

.bars:nth-child(5) {
  transform: rotate(15deg);
}

.bars:nth-child(6) {
  transform: rotate(18deg);
}

.bars:nth-child(7) {
  transform: rotate(21deg);
}

.bars:nth-child(8) {
  transform: rotate(24deg);
}

.bars:nth-child(9) {
  transform: rotate(27deg);
}

.bars:nth-child(10) {
  transform: rotate(30deg);
}

.bars:nth-child(11) {
  transform: rotate(33deg);
}

.bars:nth-child(12) {
  transform: rotate(36deg);
}

.bars:nth-child(13) {
  transform: rotate(39deg);
}

.bars:nth-child(14) {
  transform: rotate(42deg);
}

.bars:nth-child(15) {
  transform: rotate(45deg);
}

.bars:nth-child(16) {
  transform: rotate(48deg);
}

.bars:nth-child(17) {
  transform: rotate(51deg);
}

.bars:nth-child(18) {
  transform: rotate(54deg);
}

.bars:nth-child(19) {
  transform: rotate(57deg);
}

.bars:nth-child(20) {
  transform: rotate(60deg);
}

.bars:nth-child(21) {
  transform: rotate(63deg);
}

.bars:nth-child(22) {
  transform: rotate(66deg);
}

.bars:nth-child(23) {
  transform: rotate(69deg);
}

.bars:nth-child(24) {
  transform: rotate(72deg);
}

.bars:nth-child(25) {
  transform: rotate(75deg);
}

.bars:nth-child(26) {
  transform: rotate(78deg);
}

.bars:nth-child(27) {
  transform: rotate(81deg);
}

.bars:nth-child(28) {
  transform: rotate(84deg);
}

.bars:nth-child(29) {
  transform: rotate(87deg);
}

body {
  background: #ccc;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
}

.holder {
  width: 290px;
  height: 231px;
  margin-top: 50px;
  -webkit-animation: slide 7s linear infinite;
}

.antalers {
  width: 60px;
  height: 20px;
  margin-bottom: -10px;
}

.ant {
  width: 15px;
  height: 20px;
  float: left;
  margin-left: 7.5px;
}

.bar {
  width: 4px;
  height: 20px;
  background: #CEB41E;
  float: right;
  border-top-right-radius: 5000px;
}

.bart {
  width: 15px;
  height: 4px;
  background: #CEB41E;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 5000px;
}

.head {
  width: 60px;
  height: 220px;
  background: #CEB41E;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  float: left;
}

.face {
  width: 60px;
  height: 25px;
  transform: translateY(30px);
}

.eye {
  width: 12px;
  height: 22px;
  background: #000;
  border-radius: 50%;
  float: left;
  margin-right: 2px;
  margin-left: 1px;
  border: 4px solid #fff;
}

.nose {
  width: 5px;
  height: 10px;
  background: #CB63D8;
  float: left;
  margin-top: 15px;
  border-radius: 50%;
}

.base {
  width: 230px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  background: #CEB41E;
  border-top-right-radius: 500px;
  float: left;
  font-size: 35px;
  color: #A69119;
  text-shadow: 0px 1px 0px #827215, 0px 2px 0px #827215, 0px 3px 0px #827215, 0px 4px 0px #827215;
}

.mid {
  width: 150px;
  height: 150px;
  background: #0077ee;
  float: left;
  margin-top: 10px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.top {
  width: 100px;
  height: 15px;
  margin-top: 75px;
  margin-left: 20px;
}

.ball {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4AA4FF;
}

.bars {
  width: 100px;
  height: 15px;
  margin-top: -15px;
}

.base-s {
  width: 290px;
  height: 2px;
  box-shadow: 0px 10px 10px #000;
  float: left;
}

@-webkit-keyframes slide {
  0% {
    margin-left: 100%;
  }
  65% {
    margin-left: 50%;
  }
  100% {
    margin-left: -290px;
  }
}