* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding:0;
}
h1, h3 {
  width: 100%;
  text-align: center;
  color: #00a2d8;
}
#wrapper {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 40px auto;
}
svg {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -12px;
  left: -14px;
}
#aperture {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100px;
  overflow: hidden;
  border: 4px solid #abcf37;
}
#innerloader {
  width: 100px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  text-align: center;
  color: #abcf37;
  font-size: 20px;
}
#bladeOne {
  transform-origin: 210.02px 43.57px;
  -webkit-transform-origin: 210.02px 43.57px;
}
#bladeTwo {
  transform-origin: 150.47px -14.15px;
  -webkit-transform-origin: 150.47px -14.15px;
}
#bladeThree {
  transform-origin: 67.1px -19.55px;
  -webkit-transform-origin: 67.1px -19.55px;
}
#bladeFour {
  transform-origin: -0.23px 29.9px;
  -webkit-transform-origin: -0.23px 29.9px;
}
#bladeFive {
  transform-origin: -20.02px 111.07px;
  -webkit-transform-origin: -20.02px 111.07px;
}
#bladeSix {
  transform-origin: 16.99px 185.96px;
  -webkit-transform-origin: 16.99px 185.96px;
}
#bladeSeven {
  transform-origin: 93.48px 219.55px;
  -webkit-transform-origin: 93.48px 219.55px;
}
#bladeEight {
  transform-origin: 173.66px 196.11px;
  -webkit-transform-origin: 173.66px 196.11px;
}
#bladeNine {
  transform-origin: 220.02px 126.61px;
  -webkit-transform-origin: 220.02px 126.61px;
}
svg path {
  animation: open 4s linear infinite;
  -webkit-animation: open 4s linear infinite;
}
@keyframes open {
  0% {transform: rotate(-20deg);}
  20% {transform: rotate(-20deg);}
  30% {transform: rotate(15deg);}
  70% {transform: rotate(15deg);}
  80% {transform: rotate(-20deg);}
  100% {transform: rotate(-20deg);}
}
@-webkit-keyframes open {
  0% {-webkit-transform: rotate(-20deg);}
  20% {-webkit-transform: rotate(-20deg);}
  30% {-webkit-transform: rotate(15deg);}
  70% {-webkit-transform: rotate(15deg);}
  80% {-webkit-transform: rotate(-20deg);}
  100% {-webkit-transform: rotate(-20deg);}
}