Fontawesome 淡入淡出的树形

你可以试着换一个图标类，可以产生不同的动画效果。

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 1999
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

body {
    background-color: black;
}
.fa-list {
    position: relative;
    height: 568px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.fa-list .fa {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.fa-list .fa.fa-spinner:nth-child(1) {
    z-index: 49;
    font-size: 35px;
    color: #1d9d74;
    -webkit-animation: opacity_spin 5s 10ms infinite alternate;
    animation: opacity_spin 5s 10ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(2) {
    z-index: 48;
    font-size: 45px;
    color: #1d9971;
    -webkit-animation: opacity_spin 5s 20ms infinite alternate;
    animation: opacity_spin 5s 20ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(3) {
    z-index: 47;
    font-size: 55px;
    color: #1c956d;
    -webkit-animation: opacity_spin 5s 30ms infinite alternate;
    animation: opacity_spin 5s 30ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(4) {
    z-index: 46;
    font-size: 65px;
    color: #1b916a;
    -webkit-animation: opacity_spin 5s 40ms infinite alternate;
    animation: opacity_spin 5s 40ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(5) {
    z-index: 45;
    font-size: 75px;
    color: #1a8c67;
    -webkit-animation: opacity_spin 5s 50ms infinite alternate;
    animation: opacity_spin 5s 50ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(6) {
    z-index: 44;
    font-size: 85px;
    color: #198864;
    -webkit-animation: opacity_spin 5s 60ms infinite alternate;
    animation: opacity_spin 5s 60ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(7) {
    z-index: 43;
    font-size: 95px;
    color: #198461;
    -webkit-animation: opacity_spin 5s 70ms infinite alternate;
    animation: opacity_spin 5s 70ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(8) {
    z-index: 42;
    font-size: 105px;
    color: #187f5e;
    -webkit-animation: opacity_spin 5s 80ms infinite alternate;
    animation: opacity_spin 5s 80ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(9) {
    z-index: 41;
    font-size: 115px;
    color: #177b5a;
    -webkit-animation: opacity_spin 5s 90ms infinite alternate;
    animation: opacity_spin 5s 90ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(10) {
    z-index: 40;
    font-size: 125px;
    color: #167757;
    -webkit-animation: opacity_spin 5s 100ms infinite alternate;
    animation: opacity_spin 5s 100ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(11) {
    z-index: 39;
    font-size: 135px;
    color: #157254;
    -webkit-animation: opacity_spin 5s 110ms infinite alternate;
    animation: opacity_spin 5s 110ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(12) {
    z-index: 38;
    font-size: 145px;
    color: #156e51;
    -webkit-animation: opacity_spin 5s 120ms infinite alternate;
    animation: opacity_spin 5s 120ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(13) {
    z-index: 37;
    font-size: 155px;
    color: #146a4e;
    -webkit-animation: opacity_spin 5s 130ms infinite alternate;
    animation: opacity_spin 5s 130ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(14) {
    z-index: 36;
    font-size: 165px;
    color: #13664b;
    -webkit-animation: opacity_spin 5s 140ms infinite alternate;
    animation: opacity_spin 5s 140ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(15) {
    z-index: 35;
    font-size: 175px;
    color: #126147;
    -webkit-animation: opacity_spin 5s 150ms infinite alternate;
    animation: opacity_spin 5s 150ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(16) {
    z-index: 34;
    font-size: 185px;
    color: #115d44;
    -webkit-animation: opacity_spin 5s 160ms infinite alternate;
    animation: opacity_spin 5s 160ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(17) {
    z-index: 33;
    font-size: 195px;
    color: #115941;
    -webkit-animation: opacity_spin 5s 170ms infinite alternate;
    animation: opacity_spin 5s 170ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(18) {
    z-index: 32;
    font-size: 205px;
    color: #10543e;
    -webkit-animation: opacity_spin 5s 180ms infinite alternate;
    animation: opacity_spin 5s 180ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(19) {
    z-index: 31;
    font-size: 215px;
    color: #0f503b;
    -webkit-animation: opacity_spin 5s 190ms infinite alternate;
    animation: opacity_spin 5s 190ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(20) {
    z-index: 30;
    font-size: 225px;
    color: #0e4c38;
    -webkit-animation: opacity_spin 5s 200ms infinite alternate;
    animation: opacity_spin 5s 200ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(21) {
    z-index: 29;
    font-size: 235px;
    color: #0d4735;
    -webkit-animation: opacity_spin 5s 210ms infinite alternate;
    animation: opacity_spin 5s 210ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(22) {
    z-index: 28;
    font-size: 245px;
    color: #0d4331;
    -webkit-animation: opacity_spin 5s 220ms infinite alternate;
    animation: opacity_spin 5s 220ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(23) {
    z-index: 27;
    font-size: 255px;
    color: #0c3f2e;
    -webkit-animation: opacity_spin 5s 230ms infinite alternate;
    animation: opacity_spin 5s 230ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(24) {
    z-index: 26;
    font-size: 265px;
    color: #0b3b2b;
    -webkit-animation: opacity_spin 5s 240ms infinite alternate;
    animation: opacity_spin 5s 240ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(25) {
    z-index: 25;
    font-size: 275px;
    color: #0a3628;
    -webkit-animation: opacity_spin 5s 250ms infinite alternate;
    animation: opacity_spin 5s 250ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(26) {
    z-index: 24;
    font-size: 285px;
    color: #093225;
    -webkit-animation: opacity_spin 5s 260ms infinite alternate;
    animation: opacity_spin 5s 260ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(27) {
    z-index: 23;
    font-size: 295px;
    color: #092e22;
    -webkit-animation: opacity_spin 5s 270ms infinite alternate;
    animation: opacity_spin 5s 270ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(28) {
    z-index: 22;
    font-size: 305px;
    color: #08291e;
    -webkit-animation: opacity_spin 5s 280ms infinite alternate;
    animation: opacity_spin 5s 280ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(29) {
    z-index: 21;
    font-size: 315px;
    color: #07251b;
    -webkit-animation: opacity_spin 5s 290ms infinite alternate;
    animation: opacity_spin 5s 290ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(30) {
    z-index: 20;
    font-size: 325px;
    color: #062118;
    -webkit-animation: opacity_spin 5s 300ms infinite alternate;
    animation: opacity_spin 5s 300ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(31) {
    z-index: 19;
    font-size: 335px;
    color: #051c15;
    -webkit-animation: opacity_spin 5s 310ms infinite alternate;
    animation: opacity_spin 5s 310ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(32) {
    z-index: 18;
    font-size: 345px;
    color: #051812;
    -webkit-animation: opacity_spin 5s 320ms infinite alternate;
    animation: opacity_spin 5s 320ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(33) {
    z-index: 17;
    font-size: 355px;
    color: #04140f;
    -webkit-animation: opacity_spin 5s 330ms infinite alternate;
    animation: opacity_spin 5s 330ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(34) {
    z-index: 16;
    font-size: 365px;
    color: #03100b;
    -webkit-animation: opacity_spin 5s 340ms infinite alternate;
    animation: opacity_spin 5s 340ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(35) {
    z-index: 15;
    font-size: 375px;
    color: #020b08;
    -webkit-animation: opacity_spin 5s 350ms infinite alternate;
    animation: opacity_spin 5s 350ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(36) {
    z-index: 14;
    font-size: 385px;
    color: #010705;
    -webkit-animation: opacity_spin 5s 360ms infinite alternate;
    animation: opacity_spin 5s 360ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(37) {
    z-index: 13;
    font-size: 395px;
    color: #010302;
    -webkit-animation: opacity_spin 5s 370ms infinite alternate;
    animation: opacity_spin 5s 370ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(38) {
    z-index: 12;
    font-size: 405px;
    color: black;
    -webkit-animation: opacity_spin 5s 380ms infinite alternate;
    animation: opacity_spin 5s 380ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(39) {
    z-index: 11;
    font-size: 415px;
    color: black;
    -webkit-animation: opacity_spin 5s 390ms infinite alternate;
    animation: opacity_spin 5s 390ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(40) {
    z-index: 10;
    font-size: 425px;
    color: black;
    -webkit-animation: opacity_spin 5s 400ms infinite alternate;
    animation: opacity_spin 5s 400ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(41) {
    z-index: 9;
    font-size: 435px;
    color: black;
    -webkit-animation: opacity_spin 5s 410ms infinite alternate;
    animation: opacity_spin 5s 410ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(42) {
    z-index: 8;
    font-size: 445px;
    color: black;
    -webkit-animation: opacity_spin 5s 420ms infinite alternate;
    animation: opacity_spin 5s 420ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(43) {
    z-index: 7;
    font-size: 455px;
    color: black;
    -webkit-animation: opacity_spin 5s 430ms infinite alternate;
    animation: opacity_spin 5s 430ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(44) {
    z-index: 6;
    font-size: 465px;
    color: black;
    -webkit-animation: opacity_spin 5s 440ms infinite alternate;
    animation: opacity_spin 5s 440ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(45) {
    z-index: 5;
    font-size: 475px;
    color: black;
    -webkit-animation: opacity_spin 5s 450ms infinite alternate;
    animation: opacity_spin 5s 450ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(46) {
    z-index: 4;
    font-size: 485px;
    color: black;
    -webkit-animation: opacity_spin 5s 460ms infinite alternate;
    animation: opacity_spin 5s 460ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(47) {
    z-index: 3;
    font-size: 495px;
    color: black;
    -webkit-animation: opacity_spin 5s 470ms infinite alternate;
    animation: opacity_spin 5s 470ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(48) {
    z-index: 2;
    font-size: 505px;
    color: black;
    -webkit-animation: opacity_spin 5s 480ms infinite alternate;
    animation: opacity_spin 5s 480ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(49) {
    z-index: 1;
    font-size: 515px;
    color: black;
    -webkit-animation: opacity_spin 5s 490ms infinite alternate;
    animation: opacity_spin 5s 490ms infinite alternate;
}
.fa-list .fa.fa-spinner:nth-child(50) {
    z-index: 0;
    font-size: 525px;
    color: black;
    -webkit-animation: opacity_spin 5s 500ms infinite alternate;
    animation: opacity_spin 5s 500ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2 {
    top: 0;
    left: 0;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(1) {
    z-index: 49;
    font-size: 35px;
    color: #718395;
    -webkit-animation: opacity_spin_v2 2s 10ms infinite alternate;
    animation: opacity_spin_v2 2s 10ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(2) {
    z-index: 48;
    font-size: 45px;
    color: #6e8092;
    -webkit-animation: opacity_spin_v2 2s 20ms infinite alternate;
    animation: opacity_spin_v2 2s 20ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(3) {
    z-index: 47;
    font-size: 55px;
    color: #6c7e90;
    -webkit-animation: opacity_spin_v2 2s 30ms infinite alternate;
    animation: opacity_spin_v2 2s 30ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(4) {
    z-index: 46;
    font-size: 65px;
    color: #6a7b8d;
    -webkit-animation: opacity_spin_v2 2s 40ms infinite alternate;
    animation: opacity_spin_v2 2s 40ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(5) {
    z-index: 45;
    font-size: 75px;
    color: #67798a;
    -webkit-animation: opacity_spin_v2 2s 50ms infinite alternate;
    animation: opacity_spin_v2 2s 50ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(6) {
    z-index: 44;
    font-size: 85px;
    color: #657687;
    -webkit-animation: opacity_spin_v2 2s 60ms infinite alternate;
    animation: opacity_spin_v2 2s 60ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(7) {
    z-index: 43;
    font-size: 95px;
    color: #637484;
    -webkit-animation: opacity_spin_v2 2s 70ms infinite alternate;
    animation: opacity_spin_v2 2s 70ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(8) {
    z-index: 42;
    font-size: 105px;
    color: #617181;
    -webkit-animation: opacity_spin_v2 2s 80ms infinite alternate;
    animation: opacity_spin_v2 2s 80ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(9) {
    z-index: 41;
    font-size: 115px;
    color: #5f6e7e;
    -webkit-animation: opacity_spin_v2 2s 90ms infinite alternate;
    animation: opacity_spin_v2 2s 90ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(10) {
    z-index: 40;
    font-size: 125px;
    color: #5d6c7b;
    -webkit-animation: opacity_spin_v2 2s 100ms infinite alternate;
    animation: opacity_spin_v2 2s 100ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(11) {
    z-index: 39;
    font-size: 135px;
    color: #5a6978;
    -webkit-animation: opacity_spin_v2 2s 110ms infinite alternate;
    animation: opacity_spin_v2 2s 110ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(12) {
    z-index: 38;
    font-size: 145px;
    color: #586776;
    -webkit-animation: opacity_spin_v2 2s 120ms infinite alternate;
    animation: opacity_spin_v2 2s 120ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(13) {
    z-index: 37;
    font-size: 155px;
    color: #566473;
    -webkit-animation: opacity_spin_v2 2s 130ms infinite alternate;
    animation: opacity_spin_v2 2s 130ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(14) {
    z-index: 36;
    font-size: 165px;
    color: #546270;
    -webkit-animation: opacity_spin_v2 2s 140ms infinite alternate;
    animation: opacity_spin_v2 2s 140ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(15) {
    z-index: 35;
    font-size: 175px;
    color: #525f6d;
    -webkit-animation: opacity_spin_v2 2s 150ms infinite alternate;
    animation: opacity_spin_v2 2s 150ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(16) {
    z-index: 34;
    font-size: 185px;
    color: #4f5d6a;
    -webkit-animation: opacity_spin_v2 2s 160ms infinite alternate;
    animation: opacity_spin_v2 2s 160ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(17) {
    z-index: 33;
    font-size: 195px;
    color: #4d5a67;
    -webkit-animation: opacity_spin_v2 2s 170ms infinite alternate;
    animation: opacity_spin_v2 2s 170ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(18) {
    z-index: 32;
    font-size: 205px;
    color: #4b5864;
    -webkit-animation: opacity_spin_v2 2s 180ms infinite alternate;
    animation: opacity_spin_v2 2s 180ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(19) {
    z-index: 31;
    font-size: 215px;
    color: #495561;
    -webkit-animation: opacity_spin_v2 2s 190ms infinite alternate;
    animation: opacity_spin_v2 2s 190ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(20) {
    z-index: 30;
    font-size: 225px;
    color: #47525e;
    -webkit-animation: opacity_spin_v2 2s 200ms infinite alternate;
    animation: opacity_spin_v2 2s 200ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(21) {
    z-index: 29;
    font-size: 235px;
    color: #44505b;
    -webkit-animation: opacity_spin_v2 2s 210ms infinite alternate;
    animation: opacity_spin_v2 2s 210ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(22) {
    z-index: 28;
    font-size: 245px;
    color: #424d58;
    -webkit-animation: opacity_spin_v2 2s 220ms infinite alternate;
    animation: opacity_spin_v2 2s 220ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(23) {
    z-index: 27;
    font-size: 255px;
    color: #404b55;
    -webkit-animation: opacity_spin_v2 2s 230ms infinite alternate;
    animation: opacity_spin_v2 2s 230ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(24) {
    z-index: 26;
    font-size: 265px;
    color: #3e4853;
    -webkit-animation: opacity_spin_v2 2s 240ms infinite alternate;
    animation: opacity_spin_v2 2s 240ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(25) {
    z-index: 25;
    font-size: 275px;
    color: #3c4650;
    -webkit-animation: opacity_spin_v2 2s 250ms infinite alternate;
    animation: opacity_spin_v2 2s 250ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(26) {
    z-index: 24;
    font-size: 285px;
    color: #3a434d;
    -webkit-animation: opacity_spin_v2 2s 260ms infinite alternate;
    animation: opacity_spin_v2 2s 260ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(27) {
    z-index: 23;
    font-size: 295px;
    color: #37414a;
    -webkit-animation: opacity_spin_v2 2s 270ms infinite alternate;
    animation: opacity_spin_v2 2s 270ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(28) {
    z-index: 22;
    font-size: 305px;
    color: #353e47;
    -webkit-animation: opacity_spin_v2 2s 280ms infinite alternate;
    animation: opacity_spin_v2 2s 280ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(29) {
    z-index: 21;
    font-size: 315px;
    color: #333c44;
    -webkit-animation: opacity_spin_v2 2s 290ms infinite alternate;
    animation: opacity_spin_v2 2s 290ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(30) {
    z-index: 20;
    font-size: 325px;
    color: #313941;
    -webkit-animation: opacity_spin_v2 2s 300ms infinite alternate;
    animation: opacity_spin_v2 2s 300ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(31) {
    z-index: 19;
    font-size: 335px;
    color: #2f363e;
    -webkit-animation: opacity_spin_v2 2s 310ms infinite alternate;
    animation: opacity_spin_v2 2s 310ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(32) {
    z-index: 18;
    font-size: 345px;
    color: #2c343b;
    -webkit-animation: opacity_spin_v2 2s 320ms infinite alternate;
    animation: opacity_spin_v2 2s 320ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(33) {
    z-index: 17;
    font-size: 355px;
    color: #2a3138;
    -webkit-animation: opacity_spin_v2 2s 330ms infinite alternate;
    animation: opacity_spin_v2 2s 330ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(34) {
    z-index: 16;
    font-size: 365px;
    color: #282f35;
    -webkit-animation: opacity_spin_v2 2s 340ms infinite alternate;
    animation: opacity_spin_v2 2s 340ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(35) {
    z-index: 15;
    font-size: 375px;
    color: #262c33;
    -webkit-animation: opacity_spin_v2 2s 350ms infinite alternate;
    animation: opacity_spin_v2 2s 350ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(36) {
    z-index: 14;
    font-size: 385px;
    color: #242a30;
    -webkit-animation: opacity_spin_v2 2s 360ms infinite alternate;
    animation: opacity_spin_v2 2s 360ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(37) {
    z-index: 13;
    font-size: 395px;
    color: #22272d;
    -webkit-animation: opacity_spin_v2 2s 370ms infinite alternate;
    animation: opacity_spin_v2 2s 370ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(38) {
    z-index: 12;
    font-size: 405px;
    color: #1f252a;
    -webkit-animation: opacity_spin_v2 2s 380ms infinite alternate;
    animation: opacity_spin_v2 2s 380ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(39) {
    z-index: 11;
    font-size: 415px;
    color: #1d2227;
    -webkit-animation: opacity_spin_v2 2s 390ms infinite alternate;
    animation: opacity_spin_v2 2s 390ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(40) {
    z-index: 10;
    font-size: 425px;
    color: #1b1f24;
    -webkit-animation: opacity_spin_v2 2s 400ms infinite alternate;
    animation: opacity_spin_v2 2s 400ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(41) {
    z-index: 9;
    font-size: 435px;
    color: #191d21;
    -webkit-animation: opacity_spin_v2 2s 410ms infinite alternate;
    animation: opacity_spin_v2 2s 410ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(42) {
    z-index: 8;
    font-size: 445px;
    color: #171a1e;
    -webkit-animation: opacity_spin_v2 2s 420ms infinite alternate;
    animation: opacity_spin_v2 2s 420ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(43) {
    z-index: 7;
    font-size: 455px;
    color: #14181b;
    -webkit-animation: opacity_spin_v2 2s 430ms infinite alternate;
    animation: opacity_spin_v2 2s 430ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(44) {
    z-index: 6;
    font-size: 465px;
    color: #121518;
    -webkit-animation: opacity_spin_v2 2s 440ms infinite alternate;
    animation: opacity_spin_v2 2s 440ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(45) {
    z-index: 5;
    font-size: 475px;
    color: #101315;
    -webkit-animation: opacity_spin_v2 2s 450ms infinite alternate;
    animation: opacity_spin_v2 2s 450ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(46) {
    z-index: 4;
    font-size: 485px;
    color: #0e1012;
    -webkit-animation: opacity_spin_v2 2s 460ms infinite alternate;
    animation: opacity_spin_v2 2s 460ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(47) {
    z-index: 3;
    font-size: 495px;
    color: #0c0e10;
    -webkit-animation: opacity_spin_v2 2s 470ms infinite alternate;
    animation: opacity_spin_v2 2s 470ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(48) {
    z-index: 2;
    font-size: 505px;
    color: #090b0d;
    -webkit-animation: opacity_spin_v2 2s 480ms infinite alternate;
    animation: opacity_spin_v2 2s 480ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(49) {
    z-index: 1;
    font-size: 515px;
    color: #07090a;
    -webkit-animation: opacity_spin_v2 2s 490ms infinite alternate;
    animation: opacity_spin_v2 2s 490ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-2:nth-child(50) {
    z-index: 0;
    font-size: 525px;
    color: #050607;
    -webkit-animation: opacity_spin_v2 2s 500ms infinite alternate;
    animation: opacity_spin_v2 2s 500ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3 {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(1) {
    z-index: 49;
    font-size: 35px;
    color: #a5d4e4;
    -webkit-animation: opacity_spin_v3 2s 10ms infinite alternate;
    animation: opacity_spin_v3 2s 10ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(2) {
    z-index: 48;
    font-size: 45px;
    color: #a1d2e2;
    -webkit-animation: opacity_spin_v3 2s 20ms infinite alternate;
    animation: opacity_spin_v3 2s 20ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(3) {
    z-index: 47;
    font-size: 55px;
    color: #9dd1e1;
    -webkit-animation: opacity_spin_v3 2s 30ms infinite alternate;
    animation: opacity_spin_v3 2s 30ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(4) {
    z-index: 46;
    font-size: 65px;
    color: #99cfe0;
    -webkit-animation: opacity_spin_v3 2s 40ms infinite alternate;
    animation: opacity_spin_v3 2s 40ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(5) {
    z-index: 45;
    font-size: 75px;
    color: #96cddf;
    -webkit-animation: opacity_spin_v3 2s 50ms infinite alternate;
    animation: opacity_spin_v3 2s 50ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(6) {
    z-index: 44;
    font-size: 85px;
    color: #92cbde;
    -webkit-animation: opacity_spin_v3 2s 60ms infinite alternate;
    animation: opacity_spin_v3 2s 60ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(7) {
    z-index: 43;
    font-size: 95px;
    color: #8ec9dc;
    -webkit-animation: opacity_spin_v3 2s 70ms infinite alternate;
    animation: opacity_spin_v3 2s 70ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(8) {
    z-index: 42;
    font-size: 105px;
    color: #8ac7db;
    -webkit-animation: opacity_spin_v3 2s 80ms infinite alternate;
    animation: opacity_spin_v3 2s 80ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(9) {
    z-index: 41;
    font-size: 115px;
    color: #86c5da;
    -webkit-animation: opacity_spin_v3 2s 90ms infinite alternate;
    animation: opacity_spin_v3 2s 90ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(10) {
    z-index: 40;
    font-size: 125px;
    color: #82c4d9;
    -webkit-animation: opacity_spin_v3 2s 100ms infinite alternate;
    animation: opacity_spin_v3 2s 100ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(11) {
    z-index: 39;
    font-size: 135px;
    color: #7ec2d8;
    -webkit-animation: opacity_spin_v3 2s 110ms infinite alternate;
    animation: opacity_spin_v3 2s 110ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(12) {
    z-index: 38;
    font-size: 145px;
    color: #7ac0d7;
    -webkit-animation: opacity_spin_v3 2s 120ms infinite alternate;
    animation: opacity_spin_v3 2s 120ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(13) {
    z-index: 37;
    font-size: 155px;
    color: #76bed5;
    -webkit-animation: opacity_spin_v3 2s 130ms infinite alternate;
    animation: opacity_spin_v3 2s 130ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(14) {
    z-index: 36;
    font-size: 165px;
    color: #72bcd4;
    -webkit-animation: opacity_spin_v3 2s 140ms infinite alternate;
    animation: opacity_spin_v3 2s 140ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(15) {
    z-index: 35;
    font-size: 175px;
    color: #6ebad3;
    -webkit-animation: opacity_spin_v3 2s 150ms infinite alternate;
    animation: opacity_spin_v3 2s 150ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(16) {
    z-index: 34;
    font-size: 185px;
    color: #6bb8d2;
    -webkit-animation: opacity_spin_v3 2s 160ms infinite alternate;
    animation: opacity_spin_v3 2s 160ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(17) {
    z-index: 33;
    font-size: 195px;
    color: #67b7d1;
    -webkit-animation: opacity_spin_v3 2s 170ms infinite alternate;
    animation: opacity_spin_v3 2s 170ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(18) {
    z-index: 32;
    font-size: 205px;
    color: #63b5cf;
    -webkit-animation: opacity_spin_v3 2s 180ms infinite alternate;
    animation: opacity_spin_v3 2s 180ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(19) {
    z-index: 31;
    font-size: 215px;
    color: #5fb3ce;
    -webkit-animation: opacity_spin_v3 2s 190ms infinite alternate;
    animation: opacity_spin_v3 2s 190ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(20) {
    z-index: 30;
    font-size: 225px;
    color: #5bb1cd;
    -webkit-animation: opacity_spin_v3 2s 200ms infinite alternate;
    animation: opacity_spin_v3 2s 200ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(21) {
    z-index: 29;
    font-size: 235px;
    color: #57afcc;
    -webkit-animation: opacity_spin_v3 2s 210ms infinite alternate;
    animation: opacity_spin_v3 2s 210ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(22) {
    z-index: 28;
    font-size: 245px;
    color: #53adcb;
    -webkit-animation: opacity_spin_v3 2s 220ms infinite alternate;
    animation: opacity_spin_v3 2s 220ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(23) {
    z-index: 27;
    font-size: 255px;
    color: #4fabc9;
    -webkit-animation: opacity_spin_v3 2s 230ms infinite alternate;
    animation: opacity_spin_v3 2s 230ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(24) {
    z-index: 26;
    font-size: 265px;
    color: #4baac8;
    -webkit-animation: opacity_spin_v3 2s 240ms infinite alternate;
    animation: opacity_spin_v3 2s 240ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(25) {
    z-index: 25;
    font-size: 275px;
    color: #47a8c7;
    -webkit-animation: opacity_spin_v3 2s 250ms infinite alternate;
    animation: opacity_spin_v3 2s 250ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(26) {
    z-index: 24;
    font-size: 285px;
    color: #43a6c6;
    -webkit-animation: opacity_spin_v3 2s 260ms infinite alternate;
    animation: opacity_spin_v3 2s 260ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(27) {
    z-index: 23;
    font-size: 295px;
    color: #40a4c5;
    -webkit-animation: opacity_spin_v3 2s 270ms infinite alternate;
    animation: opacity_spin_v3 2s 270ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(28) {
    z-index: 22;
    font-size: 305px;
    color: #3ca2c3;
    -webkit-animation: opacity_spin_v3 2s 280ms infinite alternate;
    animation: opacity_spin_v3 2s 280ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(29) {
    z-index: 21;
    font-size: 315px;
    color: #3a9fc0;
    -webkit-animation: opacity_spin_v3 2s 290ms infinite alternate;
    animation: opacity_spin_v3 2s 290ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(30) {
    z-index: 20;
    font-size: 325px;
    color: #399cbc;
    -webkit-animation: opacity_spin_v3 2s 300ms infinite alternate;
    animation: opacity_spin_v3 2s 300ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(31) {
    z-index: 19;
    font-size: 335px;
    color: #3898b8;
    -webkit-animation: opacity_spin_v3 2s 310ms infinite alternate;
    animation: opacity_spin_v3 2s 310ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(32) {
    z-index: 18;
    font-size: 345px;
    color: #3795b4;
    -webkit-animation: opacity_spin_v3 2s 320ms infinite alternate;
    animation: opacity_spin_v3 2s 320ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(33) {
    z-index: 17;
    font-size: 355px;
    color: #3692b0;
    -webkit-animation: opacity_spin_v3 2s 330ms infinite alternate;
    animation: opacity_spin_v3 2s 330ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(34) {
    z-index: 16;
    font-size: 365px;
    color: #348fac;
    -webkit-animation: opacity_spin_v3 2s 340ms infinite alternate;
    animation: opacity_spin_v3 2s 340ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(35) {
    z-index: 15;
    font-size: 375px;
    color: #338ba8;
    -webkit-animation: opacity_spin_v3 2s 350ms infinite alternate;
    animation: opacity_spin_v3 2s 350ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(36) {
    z-index: 14;
    font-size: 385px;
    color: #3288a4;
    -webkit-animation: opacity_spin_v3 2s 360ms infinite alternate;
    animation: opacity_spin_v3 2s 360ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(37) {
    z-index: 13;
    font-size: 395px;
    color: #3185a0;
    -webkit-animation: opacity_spin_v3 2s 370ms infinite alternate;
    animation: opacity_spin_v3 2s 370ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(38) {
    z-index: 12;
    font-size: 405px;
    color: #30829c;
    -webkit-animation: opacity_spin_v3 2s 380ms infinite alternate;
    animation: opacity_spin_v3 2s 380ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(39) {
    z-index: 11;
    font-size: 415px;
    color: #2e7e99;
    -webkit-animation: opacity_spin_v3 2s 390ms infinite alternate;
    animation: opacity_spin_v3 2s 390ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(40) {
    z-index: 10;
    font-size: 425px;
    color: #2d7b95;
    -webkit-animation: opacity_spin_v3 2s 400ms infinite alternate;
    animation: opacity_spin_v3 2s 400ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(41) {
    z-index: 9;
    font-size: 435px;
    color: #2c7891;
    -webkit-animation: opacity_spin_v3 2s 410ms infinite alternate;
    animation: opacity_spin_v3 2s 410ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(42) {
    z-index: 8;
    font-size: 445px;
    color: #2b758d;
    -webkit-animation: opacity_spin_v3 2s 420ms infinite alternate;
    animation: opacity_spin_v3 2s 420ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(43) {
    z-index: 7;
    font-size: 455px;
    color: #2a7289;
    -webkit-animation: opacity_spin_v3 2s 430ms infinite alternate;
    animation: opacity_spin_v3 2s 430ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(44) {
    z-index: 6;
    font-size: 465px;
    color: #296e85;
    -webkit-animation: opacity_spin_v3 2s 440ms infinite alternate;
    animation: opacity_spin_v3 2s 440ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(45) {
    z-index: 5;
    font-size: 475px;
    color: #276b81;
    -webkit-animation: opacity_spin_v3 2s 450ms infinite alternate;
    animation: opacity_spin_v3 2s 450ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(46) {
    z-index: 4;
    font-size: 485px;
    color: #26687d;
    -webkit-animation: opacity_spin_v3 2s 460ms infinite alternate;
    animation: opacity_spin_v3 2s 460ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(47) {
    z-index: 3;
    font-size: 495px;
    color: #256579;
    -webkit-animation: opacity_spin_v3 2s 470ms infinite alternate;
    animation: opacity_spin_v3 2s 470ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(48) {
    z-index: 2;
    font-size: 505px;
    color: #246175;
    -webkit-animation: opacity_spin_v3 2s 480ms infinite alternate;
    animation: opacity_spin_v3 2s 480ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(49) {
    z-index: 1;
    font-size: 515px;
    color: #235e71;
    -webkit-animation: opacity_spin_v3 2s 490ms infinite alternate;
    animation: opacity_spin_v3 2s 490ms infinite alternate;
}
.fa-list .fa.fa-spinner.spin-3:nth-child(50) {
    z-index: 0;
    font-size: 525px;
    color: #215b6e;
    -webkit-animation: opacity_spin_v3 2s 500ms infinite alternate;
    animation: opacity_spin_v3 2s 500ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(1) {
    z-index: 49;
    font-size: 30px;
    color: #348312;
    -webkit-animation: opacity 5s 10ms infinite alternate;
    animation: opacity 5s 10ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(2) {
    z-index: 48;
    font-size: 40px;
    color: #337f11;
    -webkit-animation: opacity 5s 20ms infinite alternate;
    animation: opacity 5s 20ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(3) {
    z-index: 47;
    font-size: 50px;
    color: #317a11;
    -webkit-animation: opacity 5s 30ms infinite alternate;
    animation: opacity 5s 30ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(4) {
    z-index: 46;
    font-size: 60px;
    color: #2f7610;
    -webkit-animation: opacity 5s 40ms infinite alternate;
    animation: opacity 5s 40ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(5) {
    z-index: 45;
    font-size: 70px;
    color: #2d710f;
    -webkit-animation: opacity 5s 50ms infinite alternate;
    animation: opacity 5s 50ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(6) {
    z-index: 44;
    font-size: 80px;
    color: #2b6d0f;
    -webkit-animation: opacity 5s 60ms infinite alternate;
    animation: opacity 5s 60ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(7) {
    z-index: 43;
    font-size: 90px;
    color: #2a680e;
    -webkit-animation: opacity 5s 70ms infinite alternate;
    animation: opacity 5s 70ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(8) {
    z-index: 42;
    font-size: 100px;
    color: #28640e;
    -webkit-animation: opacity 5s 80ms infinite alternate;
    animation: opacity 5s 80ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(9) {
    z-index: 41;
    font-size: 110px;
    color: #265f0d;
    -webkit-animation: opacity 5s 90ms infinite alternate;
    animation: opacity 5s 90ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(10) {
    z-index: 40;
    font-size: 120px;
    color: #245b0c;
    -webkit-animation: opacity 5s 100ms infinite alternate;
    animation: opacity 5s 100ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(11) {
    z-index: 39;
    font-size: 130px;
    color: #22560c;
    -webkit-animation: opacity 5s 110ms infinite alternate;
    animation: opacity 5s 110ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(12) {
    z-index: 38;
    font-size: 140px;
    color: #21520b;
    -webkit-animation: opacity 5s 120ms infinite alternate;
    animation: opacity 5s 120ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(13) {
    z-index: 37;
    font-size: 150px;
    color: #1f4d0a;
    -webkit-animation: opacity 5s 130ms infinite alternate;
    animation: opacity 5s 130ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(14) {
    z-index: 36;
    font-size: 160px;
    color: #1d490a;
    -webkit-animation: opacity 5s 140ms infinite alternate;
    animation: opacity 5s 140ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(15) {
    z-index: 35;
    font-size: 170px;
    color: #1b4409;
    -webkit-animation: opacity 5s 150ms infinite alternate;
    animation: opacity 5s 150ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(16) {
    z-index: 34;
    font-size: 180px;
    color: #194009;
    -webkit-animation: opacity 5s 160ms infinite alternate;
    animation: opacity 5s 160ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(17) {
    z-index: 33;
    font-size: 190px;
    color: #183b08;
    -webkit-animation: opacity 5s 170ms infinite alternate;
    animation: opacity 5s 170ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(18) {
    z-index: 32;
    font-size: 200px;
    color: #163707;
    -webkit-animation: opacity 5s 180ms infinite alternate;
    animation: opacity 5s 180ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(19) {
    z-index: 31;
    font-size: 210px;
    color: #143207;
    -webkit-animation: opacity 5s 190ms infinite alternate;
    animation: opacity 5s 190ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(20) {
    z-index: 30;
    font-size: 220px;
    color: #122e06;
    -webkit-animation: opacity 5s 200ms infinite alternate;
    animation: opacity 5s 200ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(21) {
    z-index: 29;
    font-size: 230px;
    color: #102906;
    -webkit-animation: opacity 5s 210ms infinite alternate;
    animation: opacity 5s 210ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(22) {
    z-index: 28;
    font-size: 240px;
    color: #0f2505;
    -webkit-animation: opacity 5s 220ms infinite alternate;
    animation: opacity 5s 220ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(23) {
    z-index: 27;
    font-size: 250px;
    color: #0d2004;
    -webkit-animation: opacity 5s 230ms infinite alternate;
    animation: opacity 5s 230ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(24) {
    z-index: 26;
    font-size: 260px;
    color: #0b1c04;
    -webkit-animation: opacity 5s 240ms infinite alternate;
    animation: opacity 5s 240ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(25) {
    z-index: 25;
    font-size: 270px;
    color: #091703;
    -webkit-animation: opacity 5s 250ms infinite alternate;
    animation: opacity 5s 250ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(26) {
    z-index: 24;
    font-size: 280px;
    color: #081303;
    -webkit-animation: opacity 5s 260ms infinite alternate;
    animation: opacity 5s 260ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(27) {
    z-index: 23;
    font-size: 290px;
    color: #060e02;
    -webkit-animation: opacity 5s 270ms infinite alternate;
    animation: opacity 5s 270ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(28) {
    z-index: 22;
    font-size: 300px;
    color: #040a01;
    -webkit-animation: opacity 5s 280ms infinite alternate;
    animation: opacity 5s 280ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(29) {
    z-index: 21;
    font-size: 310px;
    color: #020501;
    -webkit-animation: opacity 5s 290ms infinite alternate;
    animation: opacity 5s 290ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(30) {
    z-index: 20;
    font-size: 320px;
    color: #000100;
    -webkit-animation: opacity 5s 300ms infinite alternate;
    animation: opacity 5s 300ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(31) {
    z-index: 19;
    font-size: 330px;
    color: black;
    -webkit-animation: opacity 5s 310ms infinite alternate;
    animation: opacity 5s 310ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(32) {
    z-index: 18;
    font-size: 340px;
    color: black;
    -webkit-animation: opacity 5s 320ms infinite alternate;
    animation: opacity 5s 320ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(33) {
    z-index: 17;
    font-size: 350px;
    color: black;
    -webkit-animation: opacity 5s 330ms infinite alternate;
    animation: opacity 5s 330ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(34) {
    z-index: 16;
    font-size: 360px;
    color: black;
    -webkit-animation: opacity 5s 340ms infinite alternate;
    animation: opacity 5s 340ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(35) {
    z-index: 15;
    font-size: 370px;
    color: black;
    -webkit-animation: opacity 5s 350ms infinite alternate;
    animation: opacity 5s 350ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(36) {
    z-index: 14;
    font-size: 380px;
    color: black;
    -webkit-animation: opacity 5s 360ms infinite alternate;
    animation: opacity 5s 360ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(37) {
    z-index: 13;
    font-size: 390px;
    color: black;
    -webkit-animation: opacity 5s 370ms infinite alternate;
    animation: opacity 5s 370ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(38) {
    z-index: 12;
    font-size: 400px;
    color: black;
    -webkit-animation: opacity 5s 380ms infinite alternate;
    animation: opacity 5s 380ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(39) {
    z-index: 11;
    font-size: 410px;
    color: black;
    -webkit-animation: opacity 5s 390ms infinite alternate;
    animation: opacity 5s 390ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(40) {
    z-index: 10;
    font-size: 420px;
    color: black;
    -webkit-animation: opacity 5s 400ms infinite alternate;
    animation: opacity 5s 400ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(41) {
    z-index: 9;
    font-size: 430px;
    color: black;
    -webkit-animation: opacity 5s 410ms infinite alternate;
    animation: opacity 5s 410ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(42) {
    z-index: 8;
    font-size: 440px;
    color: black;
    -webkit-animation: opacity 5s 420ms infinite alternate;
    animation: opacity 5s 420ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(43) {
    z-index: 7;
    font-size: 450px;
    color: black;
    -webkit-animation: opacity 5s 430ms infinite alternate;
    animation: opacity 5s 430ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(44) {
    z-index: 6;
    font-size: 460px;
    color: black;
    -webkit-animation: opacity 5s 440ms infinite alternate;
    animation: opacity 5s 440ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(45) {
    z-index: 5;
    font-size: 470px;
    color: black;
    -webkit-animation: opacity 5s 450ms infinite alternate;
    animation: opacity 5s 450ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(46) {
    z-index: 4;
    font-size: 480px;
    color: black;
    -webkit-animation: opacity 5s 460ms infinite alternate;
    animation: opacity 5s 460ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(47) {
    z-index: 3;
    font-size: 490px;
    color: black;
    -webkit-animation: opacity 5s 470ms infinite alternate;
    animation: opacity 5s 470ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(48) {
    z-index: 2;
    font-size: 500px;
    color: black;
    -webkit-animation: opacity 5s 480ms infinite alternate;
    animation: opacity 5s 480ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(49) {
    z-index: 1;
    font-size: 510px;
    color: black;
    -webkit-animation: opacity 5s 490ms infinite alternate;
    animation: opacity 5s 490ms infinite alternate;
}
.fa-list .fa.fa-tree:nth-child(50) {
    z-index: 0;
    font-size: 520px;
    color: black;
    -webkit-animation: opacity 5s 500ms infinite alternate;
    animation: opacity 5s 500ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(1) {
    z-index: 49;
    font-size: 30px;
    color: #fafafa;
    -webkit-animation: opacity 5s 10ms infinite alternate;
    animation: opacity 5s 10ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(2) {
    z-index: 48;
    font-size: 40px;
    color: #f7f7f7;
    -webkit-animation: opacity 5s 20ms infinite alternate;
    animation: opacity 5s 20ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(3) {
    z-index: 47;
    font-size: 50px;
    color: whitesmoke;
    -webkit-animation: opacity 5s 30ms infinite alternate;
    animation: opacity 5s 30ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(4) {
    z-index: 46;
    font-size: 60px;
    color: #f2f2f2;
    -webkit-animation: opacity 5s 40ms infinite alternate;
    animation: opacity 5s 40ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(5) {
    z-index: 45;
    font-size: 70px;
    color: #f0f0f0;
    -webkit-animation: opacity 5s 50ms infinite alternate;
    animation: opacity 5s 50ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(6) {
    z-index: 44;
    font-size: 80px;
    color: #ededed;
    -webkit-animation: opacity 5s 60ms infinite alternate;
    animation: opacity 5s 60ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(7) {
    z-index: 43;
    font-size: 90px;
    color: #ebebeb;
    -webkit-animation: opacity 5s 70ms infinite alternate;
    animation: opacity 5s 70ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(8) {
    z-index: 42;
    font-size: 100px;
    color: #e8e8e8;
    -webkit-animation: opacity 5s 80ms infinite alternate;
    animation: opacity 5s 80ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(9) {
    z-index: 41;
    font-size: 110px;
    color: #e6e6e6;
    -webkit-animation: opacity 5s 90ms infinite alternate;
    animation: opacity 5s 90ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(10) {
    z-index: 40;
    font-size: 120px;
    color: #e3e3e3;
    -webkit-animation: opacity 5s 100ms infinite alternate;
    animation: opacity 5s 100ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(11) {
    z-index: 39;
    font-size: 130px;
    color: #e0e0e0;
    -webkit-animation: opacity 5s 110ms infinite alternate;
    animation: opacity 5s 110ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(12) {
    z-index: 38;
    font-size: 140px;
    color: #dedede;
    -webkit-animation: opacity 5s 120ms infinite alternate;
    animation: opacity 5s 120ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(13) {
    z-index: 37;
    font-size: 150px;
    color: #dbdbdb;
    -webkit-animation: opacity 5s 130ms infinite alternate;
    animation: opacity 5s 130ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(14) {
    z-index: 36;
    font-size: 160px;
    color: #d9d9d9;
    -webkit-animation: opacity 5s 140ms infinite alternate;
    animation: opacity 5s 140ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(15) {
    z-index: 35;
    font-size: 170px;
    color: #d6d6d6;
    -webkit-animation: opacity 5s 150ms infinite alternate;
    animation: opacity 5s 150ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(16) {
    z-index: 34;
    font-size: 180px;
    color: #d4d4d4;
    -webkit-animation: opacity 5s 160ms infinite alternate;
    animation: opacity 5s 160ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(17) {
    z-index: 33;
    font-size: 190px;
    color: #d1d1d1;
    -webkit-animation: opacity 5s 170ms infinite alternate;
    animation: opacity 5s 170ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(18) {
    z-index: 32;
    font-size: 200px;
    color: #cfcfcf;
    -webkit-animation: opacity 5s 180ms infinite alternate;
    animation: opacity 5s 180ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(19) {
    z-index: 31;
    font-size: 210px;
    color: #ccc;
    -webkit-animation: opacity 5s 190ms infinite alternate;
    animation: opacity 5s 190ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(20) {
    z-index: 30;
    font-size: 220px;
    color: #c9c9c9;
    -webkit-animation: opacity 5s 200ms infinite alternate;
    animation: opacity 5s 200ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(21) {
    z-index: 29;
    font-size: 230px;
    color: #c7c7c7;
    -webkit-animation: opacity 5s 210ms infinite alternate;
    animation: opacity 5s 210ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(22) {
    z-index: 28;
    font-size: 240px;
    color: #c4c4c4;
    -webkit-animation: opacity 5s 220ms infinite alternate;
    animation: opacity 5s 220ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(23) {
    z-index: 27;
    font-size: 250px;
    color: #c2c2c2;
    -webkit-animation: opacity 5s 230ms infinite alternate;
    animation: opacity 5s 230ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(24) {
    z-index: 26;
    font-size: 260px;
    color: #bfbfbf;
    -webkit-animation: opacity 5s 240ms infinite alternate;
    animation: opacity 5s 240ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(25) {
    z-index: 25;
    font-size: 270px;
    color: #bdbdbd;
    -webkit-animation: opacity 5s 250ms infinite alternate;
    animation: opacity 5s 250ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(26) {
    z-index: 24;
    font-size: 280px;
    color: #bababa;
    -webkit-animation: opacity 5s 260ms infinite alternate;
    animation: opacity 5s 260ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(27) {
    z-index: 23;
    font-size: 290px;
    color: #b8b8b8;
    -webkit-animation: opacity 5s 270ms infinite alternate;
    animation: opacity 5s 270ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(28) {
    z-index: 22;
    font-size: 300px;
    color: #b5b5b5;
    -webkit-animation: opacity 5s 280ms infinite alternate;
    animation: opacity 5s 280ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(29) {
    z-index: 21;
    font-size: 310px;
    color: #b3b3b3;
    -webkit-animation: opacity 5s 290ms infinite alternate;
    animation: opacity 5s 290ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(30) {
    z-index: 20;
    font-size: 320px;
    color: #b0b0b0;
    -webkit-animation: opacity 5s 300ms infinite alternate;
    animation: opacity 5s 300ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(31) {
    z-index: 19;
    font-size: 330px;
    color: #adadad;
    -webkit-animation: opacity 5s 310ms infinite alternate;
    animation: opacity 5s 310ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(32) {
    z-index: 18;
    font-size: 340px;
    color: #ababab;
    -webkit-animation: opacity 5s 320ms infinite alternate;
    animation: opacity 5s 320ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(33) {
    z-index: 17;
    font-size: 350px;
    color: #a8a8a8;
    -webkit-animation: opacity 5s 330ms infinite alternate;
    animation: opacity 5s 330ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(34) {
    z-index: 16;
    font-size: 360px;
    color: #a6a6a6;
    -webkit-animation: opacity 5s 340ms infinite alternate;
    animation: opacity 5s 340ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(35) {
    z-index: 15;
    font-size: 370px;
    color: #a3a3a3;
    -webkit-animation: opacity 5s 350ms infinite alternate;
    animation: opacity 5s 350ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(36) {
    z-index: 14;
    font-size: 380px;
    color: #a1a1a1;
    -webkit-animation: opacity 5s 360ms infinite alternate;
    animation: opacity 5s 360ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(37) {
    z-index: 13;
    font-size: 390px;
    color: #9e9e9e;
    -webkit-animation: opacity 5s 370ms infinite alternate;
    animation: opacity 5s 370ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(38) {
    z-index: 12;
    font-size: 400px;
    color: #9c9c9c;
    -webkit-animation: opacity 5s 380ms infinite alternate;
    animation: opacity 5s 380ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(39) {
    z-index: 11;
    font-size: 410px;
    color: #999;
    -webkit-animation: opacity 5s 390ms infinite alternate;
    animation: opacity 5s 390ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(40) {
    z-index: 10;
    font-size: 420px;
    color: #969696;
    -webkit-animation: opacity 5s 400ms infinite alternate;
    animation: opacity 5s 400ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(41) {
    z-index: 9;
    font-size: 430px;
    color: #949494;
    -webkit-animation: opacity 5s 410ms infinite alternate;
    animation: opacity 5s 410ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(42) {
    z-index: 8;
    font-size: 440px;
    color: #919191;
    -webkit-animation: opacity 5s 420ms infinite alternate;
    animation: opacity 5s 420ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(43) {
    z-index: 7;
    font-size: 450px;
    color: #8f8f8f;
    -webkit-animation: opacity 5s 430ms infinite alternate;
    animation: opacity 5s 430ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(44) {
    z-index: 6;
    font-size: 460px;
    color: #8c8c8c;
    -webkit-animation: opacity 5s 440ms infinite alternate;
    animation: opacity 5s 440ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(45) {
    z-index: 5;
    font-size: 470px;
    color: #8a8a8a;
    -webkit-animation: opacity 5s 450ms infinite alternate;
    animation: opacity 5s 450ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(46) {
    z-index: 4;
    font-size: 480px;
    color: #878787;
    -webkit-animation: opacity 5s 460ms infinite alternate;
    animation: opacity 5s 460ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(47) {
    z-index: 3;
    font-size: 490px;
    color: #858585;
    -webkit-animation: opacity 5s 470ms infinite alternate;
    animation: opacity 5s 470ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(48) {
    z-index: 2;
    font-size: 500px;
    color: #828282;
    -webkit-animation: opacity 5s 480ms infinite alternate;
    animation: opacity 5s 480ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(49) {
    z-index: 1;
    font-size: 510px;
    color: gray;
    -webkit-animation: opacity 5s 490ms infinite alternate;
    animation: opacity 5s 490ms infinite alternate;
}
.fa-list .fa.fa-cloud:nth-child(50) {
    z-index: 0;
    font-size: 520px;
    color: #7d7d7d;
    -webkit-animation: opacity 5s 500ms infinite alternate;
    animation: opacity 5s 500ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(1) {
    z-index: 49;
    font-size: 30px;
    color: #f5f500;
    -webkit-animation: opacity 5s 10ms infinite alternate;
    animation: opacity 5s 10ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(2) {
    z-index: 48;
    font-size: 40px;
    color: #f0f000;
    -webkit-animation: opacity 5s 20ms infinite alternate;
    animation: opacity 5s 20ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(3) {
    z-index: 47;
    font-size: 50px;
    color: #ebeb00;
    -webkit-animation: opacity 5s 30ms infinite alternate;
    animation: opacity 5s 30ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(4) {
    z-index: 46;
    font-size: 60px;
    color: #e5e600;
    -webkit-animation: opacity 5s 40ms infinite alternate;
    animation: opacity 5s 40ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(5) {
    z-index: 45;
    font-size: 70px;
    color: #e0e000;
    -webkit-animation: opacity 5s 50ms infinite alternate;
    animation: opacity 5s 50ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(6) {
    z-index: 44;
    font-size: 80px;
    color: #dbdb00;
    -webkit-animation: opacity 5s 60ms infinite alternate;
    animation: opacity 5s 60ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(7) {
    z-index: 43;
    font-size: 90px;
    color: #d6d600;
    -webkit-animation: opacity 5s 70ms infinite alternate;
    animation: opacity 5s 70ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(8) {
    z-index: 42;
    font-size: 100px;
    color: #d1d100;
    -webkit-animation: opacity 5s 80ms infinite alternate;
    animation: opacity 5s 80ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(9) {
    z-index: 41;
    font-size: 110px;
    color: #cc0;
    -webkit-animation: opacity 5s 90ms infinite alternate;
    animation: opacity 5s 90ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(10) {
    z-index: 40;
    font-size: 120px;
    color: #c7c700;
    -webkit-animation: opacity 5s 100ms infinite alternate;
    animation: opacity 5s 100ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(11) {
    z-index: 39;
    font-size: 130px;
    color: #c2c200;
    -webkit-animation: opacity 5s 110ms infinite alternate;
    animation: opacity 5s 110ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(12) {
    z-index: 38;
    font-size: 140px;
    color: #bdbd00;
    -webkit-animation: opacity 5s 120ms infinite alternate;
    animation: opacity 5s 120ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(13) {
    z-index: 37;
    font-size: 150px;
    color: #b8b800;
    -webkit-animation: opacity 5s 130ms infinite alternate;
    animation: opacity 5s 130ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(14) {
    z-index: 36;
    font-size: 160px;
    color: #b2b300;
    -webkit-animation: opacity 5s 140ms infinite alternate;
    animation: opacity 5s 140ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(15) {
    z-index: 35;
    font-size: 170px;
    color: #adad00;
    -webkit-animation: opacity 5s 150ms infinite alternate;
    animation: opacity 5s 150ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(16) {
    z-index: 34;
    font-size: 180px;
    color: #a8a800;
    -webkit-animation: opacity 5s 160ms infinite alternate;
    animation: opacity 5s 160ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(17) {
    z-index: 33;
    font-size: 190px;
    color: #a3a300;
    -webkit-animation: opacity 5s 170ms infinite alternate;
    animation: opacity 5s 170ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(18) {
    z-index: 32;
    font-size: 200px;
    color: #9e9e00;
    -webkit-animation: opacity 5s 180ms infinite alternate;
    animation: opacity 5s 180ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(19) {
    z-index: 31;
    font-size: 210px;
    color: #990;
    -webkit-animation: opacity 5s 190ms infinite alternate;
    animation: opacity 5s 190ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(20) {
    z-index: 30;
    font-size: 220px;
    color: #949400;
    -webkit-animation: opacity 5s 200ms infinite alternate;
    animation: opacity 5s 200ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(21) {
    z-index: 29;
    font-size: 230px;
    color: #8f8f00;
    -webkit-animation: opacity 5s 210ms infinite alternate;
    animation: opacity 5s 210ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(22) {
    z-index: 28;
    font-size: 240px;
    color: #8a8a00;
    -webkit-animation: opacity 5s 220ms infinite alternate;
    animation: opacity 5s 220ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(23) {
    z-index: 27;
    font-size: 250px;
    color: #858500;
    -webkit-animation: opacity 5s 230ms infinite alternate;
    animation: opacity 5s 230ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(24) {
    z-index: 26;
    font-size: 260px;
    color: #7f8000;
    -webkit-animation: opacity 5s 240ms infinite alternate;
    animation: opacity 5s 240ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(25) {
    z-index: 25;
    font-size: 270px;
    color: #7a7a00;
    -webkit-animation: opacity 5s 250ms infinite alternate;
    animation: opacity 5s 250ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(26) {
    z-index: 24;
    font-size: 280px;
    color: #757500;
    -webkit-animation: opacity 5s 260ms infinite alternate;
    animation: opacity 5s 260ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(27) {
    z-index: 23;
    font-size: 290px;
    color: #707000;
    -webkit-animation: opacity 5s 270ms infinite alternate;
    animation: opacity 5s 270ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(28) {
    z-index: 22;
    font-size: 300px;
    color: #6b6b00;
    -webkit-animation: opacity 5s 280ms infinite alternate;
    animation: opacity 5s 280ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(29) {
    z-index: 21;
    font-size: 310px;
    color: #660;
    -webkit-animation: opacity 5s 290ms infinite alternate;
    animation: opacity 5s 290ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(30) {
    z-index: 20;
    font-size: 320px;
    color: #616100;
    -webkit-animation: opacity 5s 300ms infinite alternate;
    animation: opacity 5s 300ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(31) {
    z-index: 19;
    font-size: 330px;
    color: #5c5c00;
    -webkit-animation: opacity 5s 310ms infinite alternate;
    animation: opacity 5s 310ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(32) {
    z-index: 18;
    font-size: 340px;
    color: #575700;
    -webkit-animation: opacity 5s 320ms infinite alternate;
    animation: opacity 5s 320ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(33) {
    z-index: 17;
    font-size: 350px;
    color: #525200;
    -webkit-animation: opacity 5s 330ms infinite alternate;
    animation: opacity 5s 330ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(34) {
    z-index: 16;
    font-size: 360px;
    color: #4c4d00;
    -webkit-animation: opacity 5s 340ms infinite alternate;
    animation: opacity 5s 340ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(35) {
    z-index: 15;
    font-size: 370px;
    color: #474700;
    -webkit-animation: opacity 5s 350ms infinite alternate;
    animation: opacity 5s 350ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(36) {
    z-index: 14;
    font-size: 380px;
    color: #424200;
    -webkit-animation: opacity 5s 360ms infinite alternate;
    animation: opacity 5s 360ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(37) {
    z-index: 13;
    font-size: 390px;
    color: #3d3d00;
    -webkit-animation: opacity 5s 370ms infinite alternate;
    animation: opacity 5s 370ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(38) {
    z-index: 12;
    font-size: 400px;
    color: #383800;
    -webkit-animation: opacity 5s 380ms infinite alternate;
    animation: opacity 5s 380ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(39) {
    z-index: 11;
    font-size: 410px;
    color: #330;
    -webkit-animation: opacity 5s 390ms infinite alternate;
    animation: opacity 5s 390ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(40) {
    z-index: 10;
    font-size: 420px;
    color: #2e2e00;
    -webkit-animation: opacity 5s 400ms infinite alternate;
    animation: opacity 5s 400ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(41) {
    z-index: 9;
    font-size: 430px;
    color: #292900;
    -webkit-animation: opacity 5s 410ms infinite alternate;
    animation: opacity 5s 410ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(42) {
    z-index: 8;
    font-size: 440px;
    color: #242400;
    -webkit-animation: opacity 5s 420ms infinite alternate;
    animation: opacity 5s 420ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(43) {
    z-index: 7;
    font-size: 450px;
    color: #1f1f00;
    -webkit-animation: opacity 5s 430ms infinite alternate;
    animation: opacity 5s 430ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(44) {
    z-index: 6;
    font-size: 460px;
    color: #191a00;
    -webkit-animation: opacity 5s 440ms infinite alternate;
    animation: opacity 5s 440ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(45) {
    z-index: 5;
    font-size: 470px;
    color: #141400;
    -webkit-animation: opacity 5s 450ms infinite alternate;
    animation: opacity 5s 450ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(46) {
    z-index: 4;
    font-size: 480px;
    color: #0f0f00;
    -webkit-animation: opacity 5s 460ms infinite alternate;
    animation: opacity 5s 460ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(47) {
    z-index: 3;
    font-size: 490px;
    color: #0a0a00;
    -webkit-animation: opacity 5s 470ms infinite alternate;
    animation: opacity 5s 470ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(48) {
    z-index: 2;
    font-size: 500px;
    color: #050500;
    -webkit-animation: opacity 5s 480ms infinite alternate;
    animation: opacity 5s 480ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(49) {
    z-index: 1;
    font-size: 510px;
    color: black;
    -webkit-animation: opacity 5s 490ms infinite alternate;
    animation: opacity 5s 490ms infinite alternate;
}
.fa-list .fa.fa-bolt:nth-child(50) {
    z-index: 0;
    font-size: 520px;
    color: black;
    -webkit-animation: opacity 5s 500ms infinite alternate;
    animation: opacity 5s 500ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(1) {
    z-index: 49;
    font-size: 30px;
    color: #00f500;
    -webkit-animation: opacity 5s 10ms infinite alternate;
    animation: opacity 5s 10ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(2) {
    z-index: 48;
    font-size: 40px;
    color: #00f000;
    -webkit-animation: opacity 5s 20ms infinite alternate;
    animation: opacity 5s 20ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(3) {
    z-index: 47;
    font-size: 50px;
    color: #00eb00;
    -webkit-animation: opacity 5s 30ms infinite alternate;
    animation: opacity 5s 30ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(4) {
    z-index: 46;
    font-size: 60px;
    color: #00e600;
    -webkit-animation: opacity 5s 40ms infinite alternate;
    animation: opacity 5s 40ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(5) {
    z-index: 45;
    font-size: 70px;
    color: #00e000;
    -webkit-animation: opacity 5s 50ms infinite alternate;
    animation: opacity 5s 50ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(6) {
    z-index: 44;
    font-size: 80px;
    color: #00db00;
    -webkit-animation: opacity 5s 60ms infinite alternate;
    animation: opacity 5s 60ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(7) {
    z-index: 43;
    font-size: 90px;
    color: #00d600;
    -webkit-animation: opacity 5s 70ms infinite alternate;
    animation: opacity 5s 70ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(8) {
    z-index: 42;
    font-size: 100px;
    color: #00d100;
    -webkit-animation: opacity 5s 80ms infinite alternate;
    animation: opacity 5s 80ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(9) {
    z-index: 41;
    font-size: 110px;
    color: #0c0;
    -webkit-animation: opacity 5s 90ms infinite alternate;
    animation: opacity 5s 90ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(10) {
    z-index: 40;
    font-size: 120px;
    color: #00c700;
    -webkit-animation: opacity 5s 100ms infinite alternate;
    animation: opacity 5s 100ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(11) {
    z-index: 39;
    font-size: 130px;
    color: #00c200;
    -webkit-animation: opacity 5s 110ms infinite alternate;
    animation: opacity 5s 110ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(12) {
    z-index: 38;
    font-size: 140px;
    color: #00bd00;
    -webkit-animation: opacity 5s 120ms infinite alternate;
    animation: opacity 5s 120ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(13) {
    z-index: 37;
    font-size: 150px;
    color: #00b800;
    -webkit-animation: opacity 5s 130ms infinite alternate;
    animation: opacity 5s 130ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(14) {
    z-index: 36;
    font-size: 160px;
    color: #00b300;
    -webkit-animation: opacity 5s 140ms infinite alternate;
    animation: opacity 5s 140ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(15) {
    z-index: 35;
    font-size: 170px;
    color: #00ad00;
    -webkit-animation: opacity 5s 150ms infinite alternate;
    animation: opacity 5s 150ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(16) {
    z-index: 34;
    font-size: 180px;
    color: #00a800;
    -webkit-animation: opacity 5s 160ms infinite alternate;
    animation: opacity 5s 160ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(17) {
    z-index: 33;
    font-size: 190px;
    color: #00a300;
    -webkit-animation: opacity 5s 170ms infinite alternate;
    animation: opacity 5s 170ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(18) {
    z-index: 32;
    font-size: 200px;
    color: #009e00;
    -webkit-animation: opacity 5s 180ms infinite alternate;
    animation: opacity 5s 180ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(19) {
    z-index: 31;
    font-size: 210px;
    color: #090;
    -webkit-animation: opacity 5s 190ms infinite alternate;
    animation: opacity 5s 190ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(20) {
    z-index: 30;
    font-size: 220px;
    color: #009400;
    -webkit-animation: opacity 5s 200ms infinite alternate;
    animation: opacity 5s 200ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(21) {
    z-index: 29;
    font-size: 230px;
    color: #008f00;
    -webkit-animation: opacity 5s 210ms infinite alternate;
    animation: opacity 5s 210ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(22) {
    z-index: 28;
    font-size: 240px;
    color: #008a00;
    -webkit-animation: opacity 5s 220ms infinite alternate;
    animation: opacity 5s 220ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(23) {
    z-index: 27;
    font-size: 250px;
    color: #008500;
    -webkit-animation: opacity 5s 230ms infinite alternate;
    animation: opacity 5s 230ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(24) {
    z-index: 26;
    font-size: 260px;
    color: green;
    -webkit-animation: opacity 5s 240ms infinite alternate;
    animation: opacity 5s 240ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(25) {
    z-index: 25;
    font-size: 270px;
    color: #007a00;
    -webkit-animation: opacity 5s 250ms infinite alternate;
    animation: opacity 5s 250ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(26) {
    z-index: 24;
    font-size: 280px;
    color: #007500;
    -webkit-animation: opacity 5s 260ms infinite alternate;
    animation: opacity 5s 260ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(27) {
    z-index: 23;
    font-size: 290px;
    color: #007000;
    -webkit-animation: opacity 5s 270ms infinite alternate;
    animation: opacity 5s 270ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(28) {
    z-index: 22;
    font-size: 300px;
    color: #006b00;
    -webkit-animation: opacity 5s 280ms infinite alternate;
    animation: opacity 5s 280ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(29) {
    z-index: 21;
    font-size: 310px;
    color: #060;
    -webkit-animation: opacity 5s 290ms infinite alternate;
    animation: opacity 5s 290ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(30) {
    z-index: 20;
    font-size: 320px;
    color: #006100;
    -webkit-animation: opacity 5s 300ms infinite alternate;
    animation: opacity 5s 300ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(31) {
    z-index: 19;
    font-size: 330px;
    color: #005c00;
    -webkit-animation: opacity 5s 310ms infinite alternate;
    animation: opacity 5s 310ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(32) {
    z-index: 18;
    font-size: 340px;
    color: #005700;
    -webkit-animation: opacity 5s 320ms infinite alternate;
    animation: opacity 5s 320ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(33) {
    z-index: 17;
    font-size: 350px;
    color: #005200;
    -webkit-animation: opacity 5s 330ms infinite alternate;
    animation: opacity 5s 330ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(34) {
    z-index: 16;
    font-size: 360px;
    color: #004d00;
    -webkit-animation: opacity 5s 340ms infinite alternate;
    animation: opacity 5s 340ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(35) {
    z-index: 15;
    font-size: 370px;
    color: #004700;
    -webkit-animation: opacity 5s 350ms infinite alternate;
    animation: opacity 5s 350ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(36) {
    z-index: 14;
    font-size: 380px;
    color: #004200;
    -webkit-animation: opacity 5s 360ms infinite alternate;
    animation: opacity 5s 360ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(37) {
    z-index: 13;
    font-size: 390px;
    color: #003d00;
    -webkit-animation: opacity 5s 370ms infinite alternate;
    animation: opacity 5s 370ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(38) {
    z-index: 12;
    font-size: 400px;
    color: #003800;
    -webkit-animation: opacity 5s 380ms infinite alternate;
    animation: opacity 5s 380ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(39) {
    z-index: 11;
    font-size: 410px;
    color: #030;
    -webkit-animation: opacity 5s 390ms infinite alternate;
    animation: opacity 5s 390ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(40) {
    z-index: 10;
    font-size: 420px;
    color: #002e00;
    -webkit-animation: opacity 5s 400ms infinite alternate;
    animation: opacity 5s 400ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(41) {
    z-index: 9;
    font-size: 430px;
    color: #002900;
    -webkit-animation: opacity 5s 410ms infinite alternate;
    animation: opacity 5s 410ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(42) {
    z-index: 8;
    font-size: 440px;
    color: #002400;
    -webkit-animation: opacity 5s 420ms infinite alternate;
    animation: opacity 5s 420ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(43) {
    z-index: 7;
    font-size: 450px;
    color: #001f00;
    -webkit-animation: opacity 5s 430ms infinite alternate;
    animation: opacity 5s 430ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(44) {
    z-index: 6;
    font-size: 460px;
    color: #001a00;
    -webkit-animation: opacity 5s 440ms infinite alternate;
    animation: opacity 5s 440ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(45) {
    z-index: 5;
    font-size: 470px;
    color: #001400;
    -webkit-animation: opacity 5s 450ms infinite alternate;
    animation: opacity 5s 450ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(46) {
    z-index: 4;
    font-size: 480px;
    color: #000f00;
    -webkit-animation: opacity 5s 460ms infinite alternate;
    animation: opacity 5s 460ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(47) {
    z-index: 3;
    font-size: 490px;
    color: #000a00;
    -webkit-animation: opacity 5s 470ms infinite alternate;
    animation: opacity 5s 470ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(48) {
    z-index: 2;
    font-size: 500px;
    color: #000500;
    -webkit-animation: opacity 5s 480ms infinite alternate;
    animation: opacity 5s 480ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(49) {
    z-index: 1;
    font-size: 510px;
    color: black;
    -webkit-animation: opacity 5s 490ms infinite alternate;
    animation: opacity 5s 490ms infinite alternate;
}
.fa-list .fa.fa-pagelines:nth-child(50) {
    z-index: 0;
    font-size: 520px;
    color: black;
    -webkit-animation: opacity 5s 500ms infinite alternate;
    animation: opacity 5s 500ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(1) {
    z-index: 49;
    font-size: 30px;
    color: #00f500;
    -webkit-animation: opacity 5s 10ms infinite alternate;
    animation: opacity 5s 10ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(2) {
    z-index: 48;
    font-size: 40px;
    color: #00f000;
    -webkit-animation: opacity 5s 20ms infinite alternate;
    animation: opacity 5s 20ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(3) {
    z-index: 47;
    font-size: 50px;
    color: #00eb00;
    -webkit-animation: opacity 5s 30ms infinite alternate;
    animation: opacity 5s 30ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(4) {
    z-index: 46;
    font-size: 60px;
    color: #00e600;
    -webkit-animation: opacity 5s 40ms infinite alternate;
    animation: opacity 5s 40ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(5) {
    z-index: 45;
    font-size: 70px;
    color: #00e000;
    -webkit-animation: opacity 5s 50ms infinite alternate;
    animation: opacity 5s 50ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(6) {
    z-index: 44;
    font-size: 80px;
    color: #00db00;
    -webkit-animation: opacity 5s 60ms infinite alternate;
    animation: opacity 5s 60ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(7) {
    z-index: 43;
    font-size: 90px;
    color: #00d600;
    -webkit-animation: opacity 5s 70ms infinite alternate;
    animation: opacity 5s 70ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(8) {
    z-index: 42;
    font-size: 100px;
    color: #00d100;
    -webkit-animation: opacity 5s 80ms infinite alternate;
    animation: opacity 5s 80ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(9) {
    z-index: 41;
    font-size: 110px;
    color: #0c0;
    -webkit-animation: opacity 5s 90ms infinite alternate;
    animation: opacity 5s 90ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(10) {
    z-index: 40;
    font-size: 120px;
    color: #00c700;
    -webkit-animation: opacity 5s 100ms infinite alternate;
    animation: opacity 5s 100ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(11) {
    z-index: 39;
    font-size: 130px;
    color: #00c200;
    -webkit-animation: opacity 5s 110ms infinite alternate;
    animation: opacity 5s 110ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(12) {
    z-index: 38;
    font-size: 140px;
    color: #00bd00;
    -webkit-animation: opacity 5s 120ms infinite alternate;
    animation: opacity 5s 120ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(13) {
    z-index: 37;
    font-size: 150px;
    color: #00b800;
    -webkit-animation: opacity 5s 130ms infinite alternate;
    animation: opacity 5s 130ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(14) {
    z-index: 36;
    font-size: 160px;
    color: #00b300;
    -webkit-animation: opacity 5s 140ms infinite alternate;
    animation: opacity 5s 140ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(15) {
    z-index: 35;
    font-size: 170px;
    color: #00ad00;
    -webkit-animation: opacity 5s 150ms infinite alternate;
    animation: opacity 5s 150ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(16) {
    z-index: 34;
    font-size: 180px;
    color: #00a800;
    -webkit-animation: opacity 5s 160ms infinite alternate;
    animation: opacity 5s 160ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(17) {
    z-index: 33;
    font-size: 190px;
    color: #00a300;
    -webkit-animation: opacity 5s 170ms infinite alternate;
    animation: opacity 5s 170ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(18) {
    z-index: 32;
    font-size: 200px;
    color: #009e00;
    -webkit-animation: opacity 5s 180ms infinite alternate;
    animation: opacity 5s 180ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(19) {
    z-index: 31;
    font-size: 210px;
    color: #090;
    -webkit-animation: opacity 5s 190ms infinite alternate;
    animation: opacity 5s 190ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(20) {
    z-index: 30;
    font-size: 220px;
    color: #009400;
    -webkit-animation: opacity 5s 200ms infinite alternate;
    animation: opacity 5s 200ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(21) {
    z-index: 29;
    font-size: 230px;
    color: #008f00;
    -webkit-animation: opacity 5s 210ms infinite alternate;
    animation: opacity 5s 210ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(22) {
    z-index: 28;
    font-size: 240px;
    color: #008a00;
    -webkit-animation: opacity 5s 220ms infinite alternate;
    animation: opacity 5s 220ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(23) {
    z-index: 27;
    font-size: 250px;
    color: #008500;
    -webkit-animation: opacity 5s 230ms infinite alternate;
    animation: opacity 5s 230ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(24) {
    z-index: 26;
    font-size: 260px;
    color: green;
    -webkit-animation: opacity 5s 240ms infinite alternate;
    animation: opacity 5s 240ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(25) {
    z-index: 25;
    font-size: 270px;
    color: #007a00;
    -webkit-animation: opacity 5s 250ms infinite alternate;
    animation: opacity 5s 250ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(26) {
    z-index: 24;
    font-size: 280px;
    color: #007500;
    -webkit-animation: opacity 5s 260ms infinite alternate;
    animation: opacity 5s 260ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(27) {
    z-index: 23;
    font-size: 290px;
    color: #007000;
    -webkit-animation: opacity 5s 270ms infinite alternate;
    animation: opacity 5s 270ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(28) {
    z-index: 22;
    font-size: 300px;
    color: #006b00;
    -webkit-animation: opacity 5s 280ms infinite alternate;
    animation: opacity 5s 280ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(29) {
    z-index: 21;
    font-size: 310px;
    color: #060;
    -webkit-animation: opacity 5s 290ms infinite alternate;
    animation: opacity 5s 290ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(30) {
    z-index: 20;
    font-size: 320px;
    color: #006100;
    -webkit-animation: opacity 5s 300ms infinite alternate;
    animation: opacity 5s 300ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(31) {
    z-index: 19;
    font-size: 330px;
    color: #005c00;
    -webkit-animation: opacity 5s 310ms infinite alternate;
    animation: opacity 5s 310ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(32) {
    z-index: 18;
    font-size: 340px;
    color: #005700;
    -webkit-animation: opacity 5s 320ms infinite alternate;
    animation: opacity 5s 320ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(33) {
    z-index: 17;
    font-size: 350px;
    color: #005200;
    -webkit-animation: opacity 5s 330ms infinite alternate;
    animation: opacity 5s 330ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(34) {
    z-index: 16;
    font-size: 360px;
    color: #004d00;
    -webkit-animation: opacity 5s 340ms infinite alternate;
    animation: opacity 5s 340ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(35) {
    z-index: 15;
    font-size: 370px;
    color: #004700;
    -webkit-animation: opacity 5s 350ms infinite alternate;
    animation: opacity 5s 350ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(36) {
    z-index: 14;
    font-size: 380px;
    color: #004200;
    -webkit-animation: opacity 5s 360ms infinite alternate;
    animation: opacity 5s 360ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(37) {
    z-index: 13;
    font-size: 390px;
    color: #003d00;
    -webkit-animation: opacity 5s 370ms infinite alternate;
    animation: opacity 5s 370ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(38) {
    z-index: 12;
    font-size: 400px;
    color: #003800;
    -webkit-animation: opacity 5s 380ms infinite alternate;
    animation: opacity 5s 380ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(39) {
    z-index: 11;
    font-size: 410px;
    color: #030;
    -webkit-animation: opacity 5s 390ms infinite alternate;
    animation: opacity 5s 390ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(40) {
    z-index: 10;
    font-size: 420px;
    color: #002e00;
    -webkit-animation: opacity 5s 400ms infinite alternate;
    animation: opacity 5s 400ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(41) {
    z-index: 9;
    font-size: 430px;
    color: #002900;
    -webkit-animation: opacity 5s 410ms infinite alternate;
    animation: opacity 5s 410ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(42) {
    z-index: 8;
    font-size: 440px;
    color: #002400;
    -webkit-animation: opacity 5s 420ms infinite alternate;
    animation: opacity 5s 420ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(43) {
    z-index: 7;
    font-size: 450px;
    color: #001f00;
    -webkit-animation: opacity 5s 430ms infinite alternate;
    animation: opacity 5s 430ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(44) {
    z-index: 6;
    font-size: 460px;
    color: #001a00;
    -webkit-animation: opacity 5s 440ms infinite alternate;
    animation: opacity 5s 440ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(45) {
    z-index: 5;
    font-size: 470px;
    color: #001400;
    -webkit-animation: opacity 5s 450ms infinite alternate;
    animation: opacity 5s 450ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(46) {
    z-index: 4;
    font-size: 480px;
    color: #000f00;
    -webkit-animation: opacity 5s 460ms infinite alternate;
    animation: opacity 5s 460ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(47) {
    z-index: 3;
    font-size: 490px;
    color: #000a00;
    -webkit-animation: opacity 5s 470ms infinite alternate;
    animation: opacity 5s 470ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(48) {
    z-index: 2;
    font-size: 500px;
    color: #000500;
    -webkit-animation: opacity 5s 480ms infinite alternate;
    animation: opacity 5s 480ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(49) {
    z-index: 1;
    font-size: 510px;
    color: black;
    -webkit-animation: opacity 5s 490ms infinite alternate;
    animation: opacity 5s 490ms infinite alternate;
}
.fa-list .fa.fa-cog:nth-child(50) {
    z-index: 0;
    font-size: 520px;
    color: black;
    -webkit-animation: opacity 5s 500ms infinite alternate;
    animation: opacity 5s 500ms infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(1) {
    z-index: 19;
    font-size: 75px;
    color: #cecece;
    -webkit-animation: shutdown 7s 1s infinite alternate;
    animation: shutdown 7s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(2) {
    z-index: 18;
    font-size: 125px;
    color: #cbcbcb;
    -webkit-animation: shutdown 8s 1s infinite alternate;
    animation: shutdown 8s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(3) {
    z-index: 17;
    font-size: 175px;
    color: #c9c9c9;
    -webkit-animation: shutdown 10s 1s infinite alternate;
    animation: shutdown 10s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(4) {
    z-index: 16;
    font-size: 225px;
    color: #c6c6c6;
    -webkit-animation: shutdown 2s 1s infinite alternate;
    animation: shutdown 2s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(5) {
    z-index: 15;
    font-size: 275px;
    color: #c4c4c4;
    -webkit-animation: shutdown 8s 1s infinite alternate;
    animation: shutdown 8s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(6) {
    z-index: 14;
    font-size: 325px;
    color: #c1c1c1;
    -webkit-animation: shutdown 4s 1s infinite alternate;
    animation: shutdown 4s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(7) {
    z-index: 13;
    font-size: 375px;
    color: #bfbfbf;
    -webkit-animation: shutdown 4s 1s infinite alternate;
    animation: shutdown 4s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(8) {
    z-index: 12;
    font-size: 425px;
    color: #bcbcbc;
    -webkit-animation: shutdown 7s 1s infinite alternate;
    animation: shutdown 7s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(9) {
    z-index: 11;
    font-size: 475px;
    color: #b9b9b9;
    -webkit-animation: shutdown 5s 1s infinite alternate;
    animation: shutdown 5s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(10) {
    z-index: 10;
    font-size: 525px;
    color: #b7b7b7;
    -webkit-animation: shutdown 7s 1s infinite alternate;
    animation: shutdown 7s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(11) {
    z-index: 9;
    font-size: 575px;
    color: #b4b4b4;
    -webkit-animation: shutdown 6s 1s infinite alternate;
    animation: shutdown 6s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(12) {
    z-index: 8;
    font-size: 625px;
    color: #b2b2b2;
    -webkit-animation: shutdown 8s 1s infinite alternate;
    animation: shutdown 8s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(13) {
    z-index: 7;
    font-size: 675px;
    color: #afafaf;
    -webkit-animation: shutdown 8s 1s infinite alternate;
    animation: shutdown 8s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(14) {
    z-index: 6;
    font-size: 725px;
    color: #adadad;
    -webkit-animation: shutdown 5s 1s infinite alternate;
    animation: shutdown 5s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(15) {
    z-index: 5;
    font-size: 775px;
    color: #aaa;
    -webkit-animation: shutdown 9s 1s infinite alternate;
    animation: shutdown 9s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(16) {
    z-index: 4;
    font-size: 825px;
    color: #a8a8a8;
    -webkit-animation: shutdown 10s 1s infinite alternate;
    animation: shutdown 10s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(17) {
    z-index: 3;
    font-size: 875px;
    color: #a5a5a5;
    -webkit-animation: shutdown 7s 1s infinite alternate;
    animation: shutdown 7s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(18) {
    z-index: 2;
    font-size: 925px;
    color: #a3a3a3;
    -webkit-animation: shutdown 3s 1s infinite alternate;
    animation: shutdown 3s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(19) {
    z-index: 1;
    font-size: 975px;
    color: #a0a0a0;
    -webkit-animation: shutdown 7s 1s infinite alternate;
    animation: shutdown 7s 1s infinite alternate;
}
.fa-list .fa.fa-cog.cog-2:nth-child(20) {
    z-index: 0;
    font-size: 1025px;
    color: #9d9d9d;
    -webkit-animation: shutdown 1s 1s infinite alternate;
    animation: shutdown 1s 1s infinite alternate;
}
.fa-list .fa.fa-plus-square-o {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.fa-list .fa.fa-plus-square-o:nth-child(1) {
    z-index: 49;
    font-size: 35px;
    color: #718395;
    -webkit-animation: opacity_spin_v3 2s 10ms infinite alternate;
    animation: opacity_spin_v3 2s 10ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(2) {
    z-index: 48;
    font-size: 45px;
    color: #6e8092;
    -webkit-animation: opacity_spin_v3 2s 20ms infinite alternate;
    animation: opacity_spin_v3 2s 20ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(3) {
    z-index: 47;
    font-size: 55px;
    color: #6c7e90;
    -webkit-animation: opacity_spin_v3 2s 30ms infinite alternate;
    animation: opacity_spin_v3 2s 30ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(4) {
    z-index: 46;
    font-size: 65px;
    color: #6a7b8d;
    -webkit-animation: opacity_spin_v3 2s 40ms infinite alternate;
    animation: opacity_spin_v3 2s 40ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(5) {
    z-index: 45;
    font-size: 75px;
    color: #67798a;
    -webkit-animation: opacity_spin_v3 2s 50ms infinite alternate;
    animation: opacity_spin_v3 2s 50ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(6) {
    z-index: 44;
    font-size: 85px;
    color: #657687;
    -webkit-animation: opacity_spin_v3 2s 60ms infinite alternate;
    animation: opacity_spin_v3 2s 60ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(7) {
    z-index: 43;
    font-size: 95px;
    color: #637484;
    -webkit-animation: opacity_spin_v3 2s 70ms infinite alternate;
    animation: opacity_spin_v3 2s 70ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(8) {
    z-index: 42;
    font-size: 105px;
    color: #617181;
    -webkit-animation: opacity_spin_v3 2s 80ms infinite alternate;
    animation: opacity_spin_v3 2s 80ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(9) {
    z-index: 41;
    font-size: 115px;
    color: #5f6e7e;
    -webkit-animation: opacity_spin_v3 2s 90ms infinite alternate;
    animation: opacity_spin_v3 2s 90ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(10) {
    z-index: 40;
    font-size: 125px;
    color: #5d6c7b;
    -webkit-animation: opacity_spin_v3 2s 100ms infinite alternate;
    animation: opacity_spin_v3 2s 100ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(11) {
    z-index: 39;
    font-size: 135px;
    color: #5a6978;
    -webkit-animation: opacity_spin_v3 2s 110ms infinite alternate;
    animation: opacity_spin_v3 2s 110ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(12) {
    z-index: 38;
    font-size: 145px;
    color: #586776;
    -webkit-animation: opacity_spin_v3 2s 120ms infinite alternate;
    animation: opacity_spin_v3 2s 120ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(13) {
    z-index: 37;
    font-size: 155px;
    color: #566473;
    -webkit-animation: opacity_spin_v3 2s 130ms infinite alternate;
    animation: opacity_spin_v3 2s 130ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(14) {
    z-index: 36;
    font-size: 165px;
    color: #546270;
    -webkit-animation: opacity_spin_v3 2s 140ms infinite alternate;
    animation: opacity_spin_v3 2s 140ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(15) {
    z-index: 35;
    font-size: 175px;
    color: #525f6d;
    -webkit-animation: opacity_spin_v3 2s 150ms infinite alternate;
    animation: opacity_spin_v3 2s 150ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(16) {
    z-index: 34;
    font-size: 185px;
    color: #4f5d6a;
    -webkit-animation: opacity_spin_v3 2s 160ms infinite alternate;
    animation: opacity_spin_v3 2s 160ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(17) {
    z-index: 33;
    font-size: 195px;
    color: #4d5a67;
    -webkit-animation: opacity_spin_v3 2s 170ms infinite alternate;
    animation: opacity_spin_v3 2s 170ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(18) {
    z-index: 32;
    font-size: 205px;
    color: #4b5864;
    -webkit-animation: opacity_spin_v3 2s 180ms infinite alternate;
    animation: opacity_spin_v3 2s 180ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(19) {
    z-index: 31;
    font-size: 215px;
    color: #495561;
    -webkit-animation: opacity_spin_v3 2s 190ms infinite alternate;
    animation: opacity_spin_v3 2s 190ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(20) {
    z-index: 30;
    font-size: 225px;
    color: #47525e;
    -webkit-animation: opacity_spin_v3 2s 200ms infinite alternate;
    animation: opacity_spin_v3 2s 200ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(21) {
    z-index: 29;
    font-size: 235px;
    color: #44505b;
    -webkit-animation: opacity_spin_v3 2s 210ms infinite alternate;
    animation: opacity_spin_v3 2s 210ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(22) {
    z-index: 28;
    font-size: 245px;
    color: #424d58;
    -webkit-animation: opacity_spin_v3 2s 220ms infinite alternate;
    animation: opacity_spin_v3 2s 220ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(23) {
    z-index: 27;
    font-size: 255px;
    color: #404b55;
    -webkit-animation: opacity_spin_v3 2s 230ms infinite alternate;
    animation: opacity_spin_v3 2s 230ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(24) {
    z-index: 26;
    font-size: 265px;
    color: #3e4853;
    -webkit-animation: opacity_spin_v3 2s 240ms infinite alternate;
    animation: opacity_spin_v3 2s 240ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(25) {
    z-index: 25;
    font-size: 275px;
    color: #3c4650;
    -webkit-animation: opacity_spin_v3 2s 250ms infinite alternate;
    animation: opacity_spin_v3 2s 250ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(26) {
    z-index: 24;
    font-size: 285px;
    color: #3a434d;
    -webkit-animation: opacity_spin_v3 2s 260ms infinite alternate;
    animation: opacity_spin_v3 2s 260ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(27) {
    z-index: 23;
    font-size: 295px;
    color: #37414a;
    -webkit-animation: opacity_spin_v3 2s 270ms infinite alternate;
    animation: opacity_spin_v3 2s 270ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(28) {
    z-index: 22;
    font-size: 305px;
    color: #353e47;
    -webkit-animation: opacity_spin_v3 2s 280ms infinite alternate;
    animation: opacity_spin_v3 2s 280ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(29) {
    z-index: 21;
    font-size: 315px;
    color: #333c44;
    -webkit-animation: opacity_spin_v3 2s 290ms infinite alternate;
    animation: opacity_spin_v3 2s 290ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(30) {
    z-index: 20;
    font-size: 325px;
    color: #313941;
    -webkit-animation: opacity_spin_v3 2s 300ms infinite alternate;
    animation: opacity_spin_v3 2s 300ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(31) {
    z-index: 19;
    font-size: 335px;
    color: #2f363e;
    -webkit-animation: opacity_spin_v3 2s 310ms infinite alternate;
    animation: opacity_spin_v3 2s 310ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(32) {
    z-index: 18;
    font-size: 345px;
    color: #2c343b;
    -webkit-animation: opacity_spin_v3 2s 320ms infinite alternate;
    animation: opacity_spin_v3 2s 320ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(33) {
    z-index: 17;
    font-size: 355px;
    color: #2a3138;
    -webkit-animation: opacity_spin_v3 2s 330ms infinite alternate;
    animation: opacity_spin_v3 2s 330ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(34) {
    z-index: 16;
    font-size: 365px;
    color: #282f35;
    -webkit-animation: opacity_spin_v3 2s 340ms infinite alternate;
    animation: opacity_spin_v3 2s 340ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(35) {
    z-index: 15;
    font-size: 375px;
    color: #262c33;
    -webkit-animation: opacity_spin_v3 2s 350ms infinite alternate;
    animation: opacity_spin_v3 2s 350ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(36) {
    z-index: 14;
    font-size: 385px;
    color: #242a30;
    -webkit-animation: opacity_spin_v3 2s 360ms infinite alternate;
    animation: opacity_spin_v3 2s 360ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(37) {
    z-index: 13;
    font-size: 395px;
    color: #22272d;
    -webkit-animation: opacity_spin_v3 2s 370ms infinite alternate;
    animation: opacity_spin_v3 2s 370ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(38) {
    z-index: 12;
    font-size: 405px;
    color: #1f252a;
    -webkit-animation: opacity_spin_v3 2s 380ms infinite alternate;
    animation: opacity_spin_v3 2s 380ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(39) {
    z-index: 11;
    font-size: 415px;
    color: #1d2227;
    -webkit-animation: opacity_spin_v3 2s 390ms infinite alternate;
    animation: opacity_spin_v3 2s 390ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(40) {
    z-index: 10;
    font-size: 425px;
    color: #1b1f24;
    -webkit-animation: opacity_spin_v3 2s 400ms infinite alternate;
    animation: opacity_spin_v3 2s 400ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(41) {
    z-index: 9;
    font-size: 435px;
    color: #191d21;
    -webkit-animation: opacity_spin_v3 2s 410ms infinite alternate;
    animation: opacity_spin_v3 2s 410ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(42) {
    z-index: 8;
    font-size: 445px;
    color: #171a1e;
    -webkit-animation: opacity_spin_v3 2s 420ms infinite alternate;
    animation: opacity_spin_v3 2s 420ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(43) {
    z-index: 7;
    font-size: 455px;
    color: #14181b;
    -webkit-animation: opacity_spin_v3 2s 430ms infinite alternate;
    animation: opacity_spin_v3 2s 430ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(44) {
    z-index: 6;
    font-size: 465px;
    color: #121518;
    -webkit-animation: opacity_spin_v3 2s 440ms infinite alternate;
    animation: opacity_spin_v3 2s 440ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(45) {
    z-index: 5;
    font-size: 475px;
    color: #101315;
    -webkit-animation: opacity_spin_v3 2s 450ms infinite alternate;
    animation: opacity_spin_v3 2s 450ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(46) {
    z-index: 4;
    font-size: 485px;
    color: #0e1012;
    -webkit-animation: opacity_spin_v3 2s 460ms infinite alternate;
    animation: opacity_spin_v3 2s 460ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(47) {
    z-index: 3;
    font-size: 495px;
    color: #0c0e10;
    -webkit-animation: opacity_spin_v3 2s 470ms infinite alternate;
    animation: opacity_spin_v3 2s 470ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(48) {
    z-index: 2;
    font-size: 505px;
    color: #090b0d;
    -webkit-animation: opacity_spin_v3 2s 480ms infinite alternate;
    animation: opacity_spin_v3 2s 480ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(49) {
    z-index: 1;
    font-size: 515px;
    color: #07090a;
    -webkit-animation: opacity_spin_v3 2s 490ms infinite alternate;
    animation: opacity_spin_v3 2s 490ms infinite alternate;
}
.fa-list .fa.fa-plus-square-o:nth-child(50) {
    z-index: 0;
    font-size: 525px;
    color: #050607;
    -webkit-animation: opacity_spin_v3 2s 500ms infinite alternate;
    animation: opacity_spin_v3 2s 500ms infinite alternate;
}
@-webkit-keyframes color {
    0% {
        color: #f00;
    }
    14.28% {
        color: #ff7f00;
    }
    28.56% {
        color: #ff0;
    }
    42.84% {
        color: #0f0;
    }
    57.12% {
        color: #0001fc;
    }
    71.4% {
        color: #4b0083;
    }
    85.68% {
        color: #9201ff;
    }
}
@keyframes color {
    0% {
        color: #f00;
    }
    14.28% {
        color: #ff7f00;
    }
    28.56% {
        color: #ff0;
    }
    42.84% {
        color: #0f0;
    }
    57.12% {
        color: #0001fc;
    }
    71.4% {
        color: #4b0083;
    }
    85.68% {
        color: #9201ff;
    }
}
@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.4;
    }
}
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.4;
    }
}
@-webkit-keyframes opacity_spin {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: rotate(360deg) translate(-50%, -50%);
        transform: rotate(360deg) translate(-50%, -50%);
    }
}
@keyframes opacity_spin {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) translate(-50%, -50%);
        transform: rotate(0deg) translate(-50%, -50%);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: rotate(360deg) translate(-50%, -50%);
        transform: rotate(360deg) translate(-50%, -50%);
    }
}
@-webkit-keyframes opacity_spin_v2 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes opacity_spin_v2 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes opacity_spin_v3 {
    0% {
        opacity: 0.1;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes opacity_spin_v3 {
    0% {
        opacity: 0.1;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        opacity: 0.4;
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes shutdown {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.4;
    }
}
@keyframes shutdown {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.4;
    }
}

HTML

你可以试着换一个图标类，可以产生不同的动画效果。

编辑器支持Emmet

快捷键

你可以试着换一个图标类，可以产生不同的动画效果。

使用CSS3 PerspectiveTransform实现的逼真3D地球自转动画

使用infamous实现的html普通元素和webgl三维模型融合场景

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：