.anim_1{
	display: block;
   position: absolute;
   width: 100%;
   height: 100%;
}
.anim_1 *{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.anim_1 .square{
	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	margin: auto;
}
.anim_1 .square{
  border: 2px solid #00ff96;
  -webkit-animation: SwimmingPyramid 1.5s linear infinite, PyramidLight 1.5s linear infinite;
          animation: SwimmingPyramid 1.5s linear infinite, PyramidLight 1.5s linear infinite;
}
.anim_1 .square:nth-child(1) {
  width: 28px;
  height: 28px;
  -webkit-animation-delay: -1.55s;
          animation-delay: -1.55s;
}
.anim_1 .square:nth-child(2) {
  width: 56px;
  height: 56px;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.anim_1 .square:nth-child(3) {
  width: 84px;
  height: 84px;
  -webkit-animation-delay: -1.45s;
          animation-delay: -1.45s;
}
.anim_1 .square:nth-child(4) {
  width: 112px;
  height: 112px;
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
.anim_1 .square:nth-child(5) {
  width: 140px;
  height: 140px;
  -webkit-animation-delay: -1.35s;
          animation-delay: -1.35s;
}
.anim_1 .square:nth-child(6) {
  width: 168px;
  height: 168px;
  -webkit-animation-delay: -1.3s;
          animation-delay: -1.3s;
}
.anim_1 .square:nth-child(7) {
  width: 196px;
  height: 196px;
  -webkit-animation-delay: -1.25s;
          animation-delay: -1.25s;
}
.anim_1 .square:nth-child(8) {
  width: 224px;
  height: 224px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.anim_1 .square:nth-child(9) {
  width: 252px;
  height: 252px;
  -webkit-animation-delay: -1.15s;
          animation-delay: -1.15s;
}
.anim_1 .square:nth-child(10) {
  width: 280px;
  height: 280px;
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.anim_1 .square:nth-child(11) {
  width: 308px;
  height: 308px;
  -webkit-animation-delay: -1.05s;
          animation-delay: -1.05s;
}
.anim_1 .square:nth-child(12) {
  width: 336px;
  height: 336px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes PyramidLight {
  20% {
    border-width: 16px;
  }
  80% {
    border-width: 2px;
  }
}

@keyframes PyramidLight {
  20% {
    border-width: 16px;
  }
  80% {
    border-width: 2px;
  }
}
@-webkit-keyframes SwimmingPyramid {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes SwimmingPyramid {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}