/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-nov-2017, 15:17:52
    Author     : juanchis
*/

#projects {
  background: #000;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-perspective: 800px;
          perspective: 800px;
}

.panels {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 450px;
  height: 450px;
  -webkit-animation: panelsRotate 30000ms linear infinite;
          animation: panelsRotate 30000ms linear infinite;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.panels .panel {
  position: relative;
  width: 90px;
  height: 90px;
  background: #fff;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  box-shadow: 10px 0 100px rgba(0, 0, 0, 0.1) inset;
  margin: 0px !important;
  padding: 0px !important;
}
.panels .panel::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(-2px);
          transform: translateZ(-2px);
  box-sizing: border-box;
}
.panels .panel:nth-child(1) {
  -webkit-animation: wing 10000ms 0ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 0ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.panels .panel:nth-child(1)::after {
  background: #b6e8d5;
}
.panels .panel:nth-child(2) {
  -webkit-animation: wing 10000ms 100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -11%;
          transform-origin: 0% -11%;
}
.panels .panel:nth-child(2)::after {
  background: #b39ad1;
}
.panels .panel:nth-child(3) {
  -webkit-animation: wing 10000ms 200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -22%;
          transform-origin: 0% -22%;
}
.panels .panel:nth-child(3)::after {
  background: #d275f4;
}
.panels .panel:nth-child(4) {
  -webkit-animation: wing 10000ms 300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -33%;
          transform-origin: 0% -33%;
}
.panels .panel:nth-child(4)::after {
  background: #ddae99;
}
.panels .panel:nth-child(5) {
  -webkit-animation: wing 10000ms 400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -44%;
          transform-origin: 0% -44%;
}
.panels .panel:nth-child(5)::after {
  background: #9081aa;
}
.panels .panel:nth-child(6) {
  -webkit-animation: wing 10000ms 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -55%;
          transform-origin: 0% -55%;
}
.panels .panel:nth-child(6)::after {
  background: #a3ed85;
}
.panels .panel:nth-child(7) {
  -webkit-animation: wing 10000ms 600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -66%;
          transform-origin: 0% -66%;
}
.panels .panel:nth-child(7)::after {
  background: #8077e1;
}
.panels .panel:nth-child(8) {
  -webkit-animation: wing 10000ms 700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -77%;
          transform-origin: 0% -77%;
}
.panels .panel:nth-child(8)::after {
  background: #d0b580;
}
.panels .panel:nth-child(9) {
  -webkit-animation: wing 10000ms 800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -88%;
          transform-origin: 0% -88%;
}
.panels .panel:nth-child(9)::after {
  background: #9d74b6;
}
.panels .panel:nth-child(10) {
  -webkit-animation: wing 10000ms 900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -99%;
          transform-origin: 0% -99%;
}
.panels .panel:nth-child(10)::after {
  background: #faec8f;
}
.panels .panel:nth-child(11) {
  -webkit-animation: wing 10000ms 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -110%;
          transform-origin: 0% -110%;
}
.panels .panel:nth-child(11)::after {
  background: #d8c3cc;
}
.panels .panel:nth-child(12) {
  -webkit-animation: wing 10000ms 1100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -121%;
          transform-origin: 0% -121%;
}
.panels .panel:nth-child(12)::after {
  background: #b887dc;
}
.panels .panel:nth-child(13) {
  -webkit-animation: wing 10000ms 1200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -132%;
          transform-origin: 0% -132%;
}
.panels .panel:nth-child(13)::after {
  background: #896caf;
}
.panels .panel:nth-child(14) {
  -webkit-animation: wing 10000ms 1300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -143%;
          transform-origin: 0% -143%;
}
.panels .panel:nth-child(14)::after {
  background: #aaa08a;
}
.panels .panel:nth-child(15) {
  -webkit-animation: wing 10000ms 1400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -154%;
          transform-origin: 0% -154%;
}
.panels .panel:nth-child(15)::after {
  background: #a6f986;
}
.panels .panel:nth-child(16) {
  -webkit-animation: wing 10000ms 1500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -165%;
          transform-origin: 0% -165%;
}
.panels .panel:nth-child(16)::after {
  background: #80e09d;
}
.panels .panel:nth-child(17) {
  -webkit-animation: wing 10000ms 1600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -176%;
          transform-origin: 0% -176%;
}
.panels .panel:nth-child(17)::after {
  background: #6c7cb2;
}
.panels .panel:nth-child(18) {
  -webkit-animation: wing 10000ms 1700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -187%;
          transform-origin: 0% -187%;
}
.panels .panel:nth-child(18)::after {
  background: #8d9765;
}
.panels .panel:nth-child(19) {
  -webkit-animation: wing 10000ms 1800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -198%;
          transform-origin: 0% -198%;
}
.panels .panel:nth-child(19)::after {
  background: #c39d85;
}
.panels .panel:nth-child(20) {
  -webkit-animation: wing 10000ms 1900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 1900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -209%;
          transform-origin: 0% -209%;
}
.panels .panel:nth-child(20)::after {
  background: #d86b86;
}
.panels .panel:nth-child(21) {
  -webkit-animation: wing 10000ms 2000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -220%;
          transform-origin: 0% -220%;
}
.panels .panel:nth-child(21)::after {
  background: #8d6bf4;
}
.panels .panel:nth-child(22) {
  -webkit-animation: wing 10000ms 2100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -231%;
          transform-origin: 0% -231%;
}
.panels .panel:nth-child(22)::after {
  background: #a1dff4;
}
.panels .panel:nth-child(23) {
  -webkit-animation: wing 10000ms 2200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -242%;
          transform-origin: 0% -242%;
}
.panels .panel:nth-child(23)::after {
  background: #cd937e;
}
.panels .panel:nth-child(24) {
  -webkit-animation: wing 10000ms 2300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -253%;
          transform-origin: 0% -253%;
}
.panels .panel:nth-child(24)::after {
  background: #80c697;
}
.panels .panel:nth-child(25) {
  -webkit-animation: wing 10000ms 2400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -264%;
          transform-origin: 0% -264%;
}
.panels .panel:nth-child(25)::after {
  background: #cfa5ec;
}
.panels .panel:nth-child(26) {
  -webkit-animation: wing 10000ms 2500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -275%;
          transform-origin: 0% -275%;
}
.panels .panel:nth-child(26)::after {
  background: #86cd73;
}
.panels .panel:nth-child(27) {
  -webkit-animation: wing 10000ms 2600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -286%;
          transform-origin: 0% -286%;
}
.panels .panel:nth-child(27)::after {
  background: #cec4ff;
}
.panels .panel:nth-child(28) {
  -webkit-animation: wing 10000ms 2700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -297%;
          transform-origin: 0% -297%;
}
.panels .panel:nth-child(28)::after {
  background: #6adee4;
}
.panels .panel:nth-child(29) {
  -webkit-animation: wing 10000ms 2800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -308%;
          transform-origin: 0% -308%;
}
.panels .panel:nth-child(29)::after {
  background: #98aebc;
}
.panels .panel:nth-child(30) {
  -webkit-animation: wing 10000ms 2900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 2900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -319%;
          transform-origin: 0% -319%;
}
.panels .panel:nth-child(30)::after {
  background: #d7f1f5;
}
.panels .panel:nth-child(31) {
  -webkit-animation: wing 10000ms 3000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -330%;
          transform-origin: 0% -330%;
}
.panels .panel:nth-child(31)::after {
  background: #fdc2be;
}
.panels .panel:nth-child(32) {
  -webkit-animation: wing 10000ms 3100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -341%;
          transform-origin: 0% -341%;
}
.panels .panel:nth-child(32)::after {
  background: #bf996b;
}
.panels .panel:nth-child(33) {
  -webkit-animation: wing 10000ms 3200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -352%;
          transform-origin: 0% -352%;
}
.panels .panel:nth-child(33)::after {
  background: #b5cabc;
}
.panels .panel:nth-child(34) {
  -webkit-animation: wing 10000ms 3300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -363%;
          transform-origin: 0% -363%;
}
.panels .panel:nth-child(34)::after {
  background: #e2a9c5;
}
.panels .panel:nth-child(35) {
  -webkit-animation: wing 10000ms 3400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -374%;
          transform-origin: 0% -374%;
}
.panels .panel:nth-child(35)::after {
  background: #95f0b9;
}
.panels .panel:nth-child(36) {
  -webkit-animation: wing 10000ms 3500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -385%;
          transform-origin: 0% -385%;
}
.panels .panel:nth-child(36)::after {
  background: #fb7fbf;
}
.panels .panel:nth-child(37) {
  -webkit-animation: wing 10000ms 3600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -396%;
          transform-origin: 0% -396%;
}
.panels .panel:nth-child(37)::after {
  background: #f89bda;
}
.panels .panel:nth-child(38) {
  -webkit-animation: wing 10000ms 3700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -407%;
          transform-origin: 0% -407%;
}
.panels .panel:nth-child(38)::after {
  background: #dcb1bb;
}
.panels .panel:nth-child(39) {
  -webkit-animation: wing 10000ms 3800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -418%;
          transform-origin: 0% -418%;
}
.panels .panel:nth-child(39)::after {
  background: #a4d2a6;
}
.panels .panel:nth-child(40) {
  -webkit-animation: wing 10000ms 3900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 3900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -429%;
          transform-origin: 0% -429%;
}
.panels .panel:nth-child(40)::after {
  background: #e5f2f0;
}
.panels .panel:nth-child(41) {
  -webkit-animation: wing 10000ms 4000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -440%;
          transform-origin: 0% -440%;
}
.panels .panel:nth-child(41)::after {
  background: #a2e1ca;
}
.panels .panel:nth-child(42) {
  -webkit-animation: wing 10000ms 4100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -451%;
          transform-origin: 0% -451%;
}
.panels .panel:nth-child(42)::after {
  background: #aae982;
}
.panels .panel:nth-child(43) {
  -webkit-animation: wing 10000ms 4200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -462%;
          transform-origin: 0% -462%;
}
.panels .panel:nth-child(43)::after {
  background: #feb3fc;
}
.panels .panel:nth-child(44) {
  -webkit-animation: wing 10000ms 4300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -473%;
          transform-origin: 0% -473%;
}
.panels .panel:nth-child(44)::after {
  background: #d1c08c;
}
.panels .panel:nth-child(45) {
  -webkit-animation: wing 10000ms 4400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -484%;
          transform-origin: 0% -484%;
}
.panels .panel:nth-child(45)::after {
  background: #e9b3cf;
}
.panels .panel:nth-child(46) {
  -webkit-animation: wing 10000ms 4500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -495%;
          transform-origin: 0% -495%;
}
.panels .panel:nth-child(46)::after {
  background: #e7da9c;
}
.panels .panel:nth-child(47) {
  -webkit-animation: wing 10000ms 4600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -506%;
          transform-origin: 0% -506%;
}
.panels .panel:nth-child(47)::after {
  background: #ac85e2;
}
.panels .panel:nth-child(48) {
  -webkit-animation: wing 10000ms 4700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -517%;
          transform-origin: 0% -517%;
}
.panels .panel:nth-child(48)::after {
  background: #99d3f7;
}
.panels .panel:nth-child(49) {
  -webkit-animation: wing 10000ms 4800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -528%;
          transform-origin: 0% -528%;
}
.panels .panel:nth-child(49)::after {
  background: #fcaaf3;
}
.panels .panel:nth-child(50) {
  -webkit-animation: wing 10000ms 4900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 4900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -539%;
          transform-origin: 0% -539%;
}
.panels .panel:nth-child(50)::after {
  background: #7e9bda;
}
.panels .panel:nth-child(51) {
  -webkit-animation: wing 10000ms 5000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -550%;
          transform-origin: 0% -550%;
}
.panels .panel:nth-child(51)::after {
  background: #a1f989;
}
.panels .panel:nth-child(52) {
  -webkit-animation: wing 10000ms 5100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -561%;
          transform-origin: 0% -561%;
}
.panels .panel:nth-child(52)::after {
  background: #8b7ea2;
}
.panels .panel:nth-child(53) {
  -webkit-animation: wing 10000ms 5200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -572%;
          transform-origin: 0% -572%;
}
.panels .panel:nth-child(53)::after {
  background: #92ecc8;
}
.panels .panel:nth-child(54) {
  -webkit-animation: wing 10000ms 5300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -583%;
          transform-origin: 0% -583%;
}
.panels .panel:nth-child(54)::after {
  background: #dcf38c;
}
.panels .panel:nth-child(55) {
  -webkit-animation: wing 10000ms 5400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -594%;
          transform-origin: 0% -594%;
}
.panels .panel:nth-child(55)::after {
  background: #a678a2;
}
.panels .panel:nth-child(56) {
  -webkit-animation: wing 10000ms 5500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -605%;
          transform-origin: 0% -605%;
}
.panels .panel:nth-child(56)::after {
  background: #e67aba;
}
.panels .panel:nth-child(57) {
  -webkit-animation: wing 10000ms 5600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -616%;
          transform-origin: 0% -616%;
}
.panels .panel:nth-child(57)::after {
  background: #9ca9b0;
}
.panels .panel:nth-child(58) {
  -webkit-animation: wing 10000ms 5700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -627%;
          transform-origin: 0% -627%;
}
.panels .panel:nth-child(58)::after {
  background: #8ad9fb;
}
.panels .panel:nth-child(59) {
  -webkit-animation: wing 10000ms 5800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -638%;
          transform-origin: 0% -638%;
}
.panels .panel:nth-child(59)::after {
  background: #7ad774;
}
.panels .panel:nth-child(60) {
  -webkit-animation: wing 10000ms 5900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 5900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -649%;
          transform-origin: 0% -649%;
}
.panels .panel:nth-child(60)::after {
  background: #b3e4b4;
}
.panels .panel:nth-child(61) {
  -webkit-animation: wing 10000ms 6000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -660%;
          transform-origin: 0% -660%;
}
.panels .panel:nth-child(61)::after {
  background: #85bdf0;
}
.panels .panel:nth-child(62) {
  -webkit-animation: wing 10000ms 6100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -671%;
          transform-origin: 0% -671%;
}
.panels .panel:nth-child(62)::after {
  background: #736cbc;
}
.panels .panel:nth-child(63) {
  -webkit-animation: wing 10000ms 6200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -682%;
          transform-origin: 0% -682%;
}
.panels .panel:nth-child(63)::after {
  background: #679ae8;
}
.panels .panel:nth-child(64) {
  -webkit-animation: wing 10000ms 6300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -693%;
          transform-origin: 0% -693%;
}
.panels .panel:nth-child(64)::after {
  background: #bb91b3;
}
.panels .panel:nth-child(65) {
  -webkit-animation: wing 10000ms 6400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -704%;
          transform-origin: 0% -704%;
}
.panels .panel:nth-child(65)::after {
  background: #bdd48e;
}
.panels .panel:nth-child(66) {
  -webkit-animation: wing 10000ms 6500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -715%;
          transform-origin: 0% -715%;
}
.panels .panel:nth-child(66)::after {
  background: #c7a0ca;
}
.panels .panel:nth-child(67) {
  -webkit-animation: wing 10000ms 6600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -726%;
          transform-origin: 0% -726%;
}
.panels .panel:nth-child(67)::after {
  background: #a8d5b5;
}
.panels .panel:nth-child(68) {
  -webkit-animation: wing 10000ms 6700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -737%;
          transform-origin: 0% -737%;
}
.panels .panel:nth-child(68)::after {
  background: #d9a5ef;
}
.panels .panel:nth-child(69) {
  -webkit-animation: wing 10000ms 6800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -748%;
          transform-origin: 0% -748%;
}
.panels .panel:nth-child(69)::after {
  background: #6ba6d0;
}
.panels .panel:nth-child(70) {
  -webkit-animation: wing 10000ms 6900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 6900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -759%;
          transform-origin: 0% -759%;
}
.panels .panel:nth-child(70)::after {
  background: #e97a9e;
}
.panels .panel:nth-child(71) {
  -webkit-animation: wing 10000ms 7000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -770%;
          transform-origin: 0% -770%;
}
.panels .panel:nth-child(71)::after {
  background: #b49e96;
}
.panels .panel:nth-child(72) {
  -webkit-animation: wing 10000ms 7100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -781%;
          transform-origin: 0% -781%;
}
.panels .panel:nth-child(72)::after {
  background: #8f9988;
}
.panels .panel:nth-child(73) {
  -webkit-animation: wing 10000ms 7200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -792%;
          transform-origin: 0% -792%;
}
.panels .panel:nth-child(73)::after {
  background: #7578df;
}
.panels .panel:nth-child(74) {
  -webkit-animation: wing 10000ms 7300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -803%;
          transform-origin: 0% -803%;
}
.panels .panel:nth-child(74)::after {
  background: #caac9d;
}
.panels .panel:nth-child(75) {
  -webkit-animation: wing 10000ms 7400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -814%;
          transform-origin: 0% -814%;
}
.panels .panel:nth-child(75)::after {
  background: #d98295;
}
.panels .panel:nth-child(76) {
  -webkit-animation: wing 10000ms 7500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -825%;
          transform-origin: 0% -825%;
}
.panels .panel:nth-child(76)::after {
  background: #eca6d7;
}
.panels .panel:nth-child(77) {
  -webkit-animation: wing 10000ms 7600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -836%;
          transform-origin: 0% -836%;
}
.panels .panel:nth-child(77)::after {
  background: #6db375;
}
.panels .panel:nth-child(78) {
  -webkit-animation: wing 10000ms 7700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -847%;
          transform-origin: 0% -847%;
}
.panels .panel:nth-child(78)::after {
  background: #83a1cc;
}
.panels .panel:nth-child(79) {
  -webkit-animation: wing 10000ms 7800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -858%;
          transform-origin: 0% -858%;
}
.panels .panel:nth-child(79)::after {
  background: #d98b91;
}
.panels .panel:nth-child(80) {
  -webkit-animation: wing 10000ms 7900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 7900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -869%;
          transform-origin: 0% -869%;
}
.panels .panel:nth-child(80)::after {
  background: #6ab2d8;
}
.panels .panel:nth-child(81) {
  -webkit-animation: wing 10000ms 8000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -880%;
          transform-origin: 0% -880%;
}
.panels .panel:nth-child(81)::after {
  background: #eadadc;
}
.panels .panel:nth-child(82) {
  -webkit-animation: wing 10000ms 8100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -891%;
          transform-origin: 0% -891%;
}
.panels .panel:nth-child(82)::after {
  background: #efafa4;
}
.panels .panel:nth-child(83) {
  -webkit-animation: wing 10000ms 8200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -902%;
          transform-origin: 0% -902%;
}
.panels .panel:nth-child(83)::after {
  background: #80bd76;
}
.panels .panel:nth-child(84) {
  -webkit-animation: wing 10000ms 8300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -913%;
          transform-origin: 0% -913%;
}
.panels .panel:nth-child(84)::after {
  background: #cc96d6;
}
.panels .panel:nth-child(85) {
  -webkit-animation: wing 10000ms 8400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -924%;
          transform-origin: 0% -924%;
}
.panels .panel:nth-child(85)::after {
  background: #d4dcc9;
}
.panels .panel:nth-child(86) {
  -webkit-animation: wing 10000ms 8500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -935%;
          transform-origin: 0% -935%;
}
.panels .panel:nth-child(86)::after {
  background: #d6e0db;
}
.panels .panel:nth-child(87) {
  -webkit-animation: wing 10000ms 8600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -946%;
          transform-origin: 0% -946%;
}
.panels .panel:nth-child(87)::after {
  background: #82bfb3;
}
.panels .panel:nth-child(88) {
  -webkit-animation: wing 10000ms 8700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -957%;
          transform-origin: 0% -957%;
}
.panels .panel:nth-child(88)::after {
  background: #84eeb1;
}
.panels .panel:nth-child(89) {
  -webkit-animation: wing 10000ms 8800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -968%;
          transform-origin: 0% -968%;
}
.panels .panel:nth-child(89)::after {
  background: #96846f;
}
.panels .panel:nth-child(90) {
  -webkit-animation: wing 10000ms 8900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 8900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -979%;
          transform-origin: 0% -979%;
}
.panels .panel:nth-child(90)::after {
  background: #afc8ed;
}
.panels .panel:nth-child(91) {
  -webkit-animation: wing 10000ms 9000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -990%;
          transform-origin: 0% -990%;
}
.panels .panel:nth-child(91)::after {
  background: #d969a7;
}
.panels .panel:nth-child(92) {
  -webkit-animation: wing 10000ms 9100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9100ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1001%;
          transform-origin: 0% -1001%;
}
.panels .panel:nth-child(92)::after {
  background: #a6da78;
}
.panels .panel:nth-child(93) {
  -webkit-animation: wing 10000ms 9200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9200ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1012%;
          transform-origin: 0% -1012%;
}
.panels .panel:nth-child(93)::after {
  background: #8ad398;
}
.panels .panel:nth-child(94) {
  -webkit-animation: wing 10000ms 9300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9300ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1023%;
          transform-origin: 0% -1023%;
}
.panels .panel:nth-child(94)::after {
  background: #dd73ff;
}
.panels .panel:nth-child(95) {
  -webkit-animation: wing 10000ms 9400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9400ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1034%;
          transform-origin: 0% -1034%;
}
.panels .panel:nth-child(95)::after {
  background: #85ada2;
}
.panels .panel:nth-child(96) {
  -webkit-animation: wing 10000ms 9500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9500ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1045%;
          transform-origin: 0% -1045%;
}
.panels .panel:nth-child(96)::after {
  background: #b0807b;
}
.panels .panel:nth-child(97) {
  -webkit-animation: wing 10000ms 9600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9600ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1056%;
          transform-origin: 0% -1056%;
}
.panels .panel:nth-child(97)::after {
  background: #8883a3;
}
.panels .panel:nth-child(98) {
  -webkit-animation: wing 10000ms 9700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9700ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1067%;
          transform-origin: 0% -1067%;
}
.panels .panel:nth-child(98)::after {
  background: #be7184;
}
.panels .panel:nth-child(99) {
  -webkit-animation: wing 10000ms 9800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9800ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1078%;
          transform-origin: 0% -1078%;
}
.panels .panel:nth-child(99)::after {
  background: #a399c7;
}
.panels .panel:nth-child(100) {
  -webkit-animation: wing 10000ms 9900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 9900ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1089%;
          transform-origin: 0% -1089%;
}
.panels .panel:nth-child(100)::after {
  background: #6cd26f;
}
.panels .panel:nth-child(101) {
  -webkit-animation: wing 10000ms 10000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
          animation: wing 10000ms 10000ms cubic-bezier(0.545, 0.08, 0.52, 0.975) infinite;
  -webkit-transform-origin: 0% -1100%;
          transform-origin: 0% -1100%;
}
.panels .panel:nth-child(101)::after {
  background: #73e390;
}

@-webkit-keyframes panelsRotate {
  0% {
    -webkit-transform: rotateX(70deg) rotateZ(0deg);
            transform: rotateX(70deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(70deg) rotateZ(360deg);
            transform: rotateX(70deg) rotateZ(360deg);
  }
}

@keyframes panelsRotate {
  0% {
    -webkit-transform: rotateX(70deg) rotateZ(0deg);
            transform: rotateX(70deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(70deg) rotateZ(360deg);
            transform: rotateX(70deg) rotateZ(360deg);
  }
}
@-webkit-keyframes wing {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateX(-360deg) rotateY(180deg);
            transform: rotateX(-360deg) rotateY(180deg);
  }
  65% {
    -webkit-transform: rotateX(-360deg) rotateY(360deg);
            transform: rotateX(-360deg) rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateX(-360deg) rotateY(360deg);
            transform: rotateX(-360deg) rotateY(360deg);
  }
}
@keyframes wing {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateX(-360deg) rotateY(180deg);
            transform: rotateX(-360deg) rotateY(180deg);
  }
  65% {
    -webkit-transform: rotateX(-360deg) rotateY(360deg);
            transform: rotateX(-360deg) rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateX(-360deg) rotateY(360deg);
            transform: rotateX(-360deg) rotateY(360deg);
  }
}