kjao/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed line colors

Browse Source
This commit is contained in:
Kenneth Jao 2020-04-14 19:28:31 -04:00 committed by kjao
parent da79e84501
commit b9c0f56b0d
2 changed files with 205 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
cssgen.py
View File

@ -17,7 +17,7 @@ def main():
initial.append(p0)
for i in range(n): # Bottom Light
t, b = round(100*i/(n-2) - 9.5, 2) , round(4*math.sin((1/5)*math.pi*i) + 20)
t, b = round(100*i/(n-2) - 8, 2) , round(4*math.sin((1/5)*math.pi*i) + 20)
r = round(t + (1/2)*b, 2)
r2 = round(t + (1/2)*(b+1), 2)
@ -39,7 +39,7 @@ def main():
initial.append(p0)
for i in range(n): # Bottom Dark
t, b = round(100*i/(n-2) - 6.5, 2) , round(4*math.sin((1/5)*math.pi*i) + 20 + random.randint(3, 5))
t, b = round(100*i/(n-2) - 5, 2) , round(4*math.sin((1/5)*math.pi*i) + 20 + random.randint(3, 5))
r = round(t + (1/2)*b, 2)
r2 = round(t + (1/2)*(b+1), 2)
@ -51,12 +51,12 @@ def main():
for i in range(4*n): # Animations
f.write(f'#bgWrap div:nth-child({i+1}) {{\n\tanimation: s{i+1} ease-in-out 3s infinite alternate;\n\t')
if i in range(17, 25): f.write(f'background-color: #272727;')
if i in range(33, 50): f.write(f'background-color: #272727;')
if i in range(16, 25): f.write(f'background-color: #272727;')
if i in range(32, 50): f.write(f'background-color: #272727;')
if i in range(50, 67): f.write(f'background-color: #272727;')
if i in range(67, 75): f.write(f'background-color: #b5b5b5;')
if i in range(75, 83): f.write(f'background-color: #272727;')
if i in range(83, 100): f.write(f'background-color: #b5b5b5;')
if i in range(66, 75): f.write(f'background-color: #b5b5b5;')
if i in range(75, 81): f.write(f'background-color: #272727;')
if i in range(81, 100): f.write(f'background-color: #b5b5b5;')
f.write(f'\n\t{initial[i]}\n}}\n\n')

398
output.css
View File

@ -1,5 +1,3 @@
@media only screen and (min-width: 600px) {
@keyframes s1 {
0% { -webkit-clip-path: polygon(2.0% 0, 2.1% 0, -8.0% 20%, -8.1% 20%); }
100% { -webkit-clip-path: polygon(2.0% 0, 2.1% 0, -8.5% 21%, -8.6% 21%); }
@ -126,133 +124,133 @@
}
@keyframes s26 {
0% { -webkit-clip-path: polygon(-9.5% 100%, -9.4% 100%, 0.5% 80%, 0.4% 80%); }
100% { -webkit-clip-path: polygon(-9.5% 100%, -9.4% 100%, 1.0% 79%, 0.9% 79%); }
0% { -webkit-clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.0% 80%, 1.9% 80%); }
100% { -webkit-clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.5% 79%, 2.4% 79%); }
}
@keyframes s27 {
0% { -webkit-clip-path: polygon(-5.15% 100%, -5.05% 100%, 5.85% 78%, 5.75% 78%); }
100% { -webkit-clip-path: polygon(-5.15% 100%, -5.05% 100%, 6.35% 77%, 6.25% 77%); }
0% { -webkit-clip-path: polygon(-3.65% 100%, -3.55% 100%, 7.35% 78%, 7.25% 78%); }
100% { -webkit-clip-path: polygon(-3.65% 100%, -3.55% 100%, 7.85% 77%, 7.75% 77%); }
}
@keyframes s28 {
0% { -webkit-clip-path: polygon(-0.8% 100%, -0.7% 100%, 11.2% 76%, 11.1% 76%); }
100% { -webkit-clip-path: polygon(-0.8% 100%, -0.7% 100%, 11.7% 75%, 11.6% 75%); }
0% { -webkit-clip-path: polygon(0.7% 100%, 0.8% 100%, 12.7% 76%, 12.6% 76%); }
100% { -webkit-clip-path: polygon(0.7% 100%, 0.8% 100%, 13.2% 75%, 13.1% 75%); }
}
@keyframes s29 {
0% { -webkit-clip-path: polygon(3.54% 100%, 3.64% 100%, 15.54% 76%, 15.44% 76%); }
100% { -webkit-clip-path: polygon(3.54% 100%, 3.64% 100%, 16.04% 75%, 15.94% 75%); }
0% { -webkit-clip-path: polygon(5.04% 100%, 5.14% 100%, 17.04% 76%, 16.94% 76%); }
100% { -webkit-clip-path: polygon(5.04% 100%, 5.14% 100%, 17.54% 75%, 17.44% 75%); }
}
@keyframes s30 {
0% { -webkit-clip-path: polygon(7.89% 100%, 7.99% 100%, 18.89% 78%, 18.79% 78%); }
100% { -webkit-clip-path: polygon(7.89% 100%, 7.99% 100%, 19.39% 77%, 19.29% 77%); }
0% { -webkit-clip-path: polygon(9.39% 100%, 9.49% 100%, 20.39% 78%, 20.29% 78%); }
100% { -webkit-clip-path: polygon(9.39% 100%, 9.49% 100%, 20.89% 77%, 20.79% 77%); }
}
@keyframes s31 {
0% { -webkit-clip-path: polygon(12.24% 100%, 12.34% 100%, 22.24% 80%, 22.14% 80%); }
100% { -webkit-clip-path: polygon(12.24% 100%, 12.34% 100%, 22.74% 79%, 22.64% 79%); }
0% { -webkit-clip-path: polygon(13.74% 100%, 13.84% 100%, 23.74% 80%, 23.64% 80%); }
100% { -webkit-clip-path: polygon(13.74% 100%, 13.84% 100%, 24.24% 79%, 24.14% 79%); }
}
@keyframes s32 {
0% { -webkit-clip-path: polygon(16.59% 100%, 16.69% 100%, 25.59% 82%, 25.49% 82%); }
100% { -webkit-clip-path: polygon(16.59% 100%, 16.69% 100%, 26.09% 81%, 25.99% 81%); }
0% { -webkit-clip-path: polygon(18.09% 100%, 18.19% 100%, 27.09% 82%, 26.99% 82%); }
100% { -webkit-clip-path: polygon(18.09% 100%, 18.19% 100%, 27.59% 81%, 27.49% 81%); }
}
@keyframes s33 {
0% { -webkit-clip-path: polygon(20.93% 100%, 21.03% 100%, 28.93% 84%, 28.83% 84%); }
100% { -webkit-clip-path: polygon(20.93% 100%, 21.03% 100%, 29.43% 83%, 29.33% 83%); }
0% { -webkit-clip-path: polygon(22.43% 100%, 22.53% 100%, 30.43% 84%, 30.33% 84%); }
100% { -webkit-clip-path: polygon(22.43% 100%, 22.53% 100%, 30.93% 83%, 30.83% 83%); }
}
@keyframes s34 {
0% { -webkit-clip-path: polygon(25.28% 100%, 25.38% 100%, 33.28% 84%, 33.18% 84%); }
100% { -webkit-clip-path: polygon(25.28% 100%, 25.38% 100%, 33.78% 83%, 33.68% 83%); }
0% { -webkit-clip-path: polygon(26.78% 100%, 26.88% 100%, 34.78% 84%, 34.68% 84%); }
100% { -webkit-clip-path: polygon(26.78% 100%, 26.88% 100%, 35.28% 83%, 35.18% 83%); }
}
@keyframes s35 {
0% { -webkit-clip-path: polygon(29.63% 100%, 29.73% 100%, 38.63% 82%, 38.53% 82%); }
100% { -webkit-clip-path: polygon(29.63% 100%, 29.73% 100%, 39.13% 81%, 39.03% 81%); }
0% { -webkit-clip-path: polygon(31.13% 100%, 31.23% 100%, 40.13% 82%, 40.03% 82%); }
100% { -webkit-clip-path: polygon(31.13% 100%, 31.23% 100%, 40.63% 81%, 40.53% 81%); }
}
@keyframes s36 {
0% { -webkit-clip-path: polygon(33.98% 100%, 34.08% 100%, 43.98% 80%, 43.88% 80%); }
100% { -webkit-clip-path: polygon(33.98% 100%, 34.08% 100%, 44.48% 79%, 44.38% 79%); }
0% { -webkit-clip-path: polygon(35.48% 100%, 35.58% 100%, 45.48% 80%, 45.38% 80%); }
100% { -webkit-clip-path: polygon(35.48% 100%, 35.58% 100%, 45.98% 79%, 45.88% 79%); }
}
@keyframes s37 {
0% { -webkit-clip-path: polygon(38.33% 100%, 38.43% 100%, 49.33% 78%, 49.23% 78%); }
100% { -webkit-clip-path: polygon(38.33% 100%, 38.43% 100%, 49.83% 77%, 49.73% 77%); }
0% { -webkit-clip-path: polygon(39.83% 100%, 39.93% 100%, 50.83% 78%, 50.73% 78%); }
100% { -webkit-clip-path: polygon(39.83% 100%, 39.93% 100%, 51.33% 77%, 51.23% 77%); }
}
@keyframes s38 {
0% { -webkit-clip-path: polygon(42.67% 100%, 42.77% 100%, 54.67% 76%, 54.57% 76%); }
100% { -webkit-clip-path: polygon(42.67% 100%, 42.77% 100%, 55.17% 75%, 55.07% 75%); }
0% { -webkit-clip-path: polygon(44.17% 100%, 44.27% 100%, 56.17% 76%, 56.07% 76%); }
100% { -webkit-clip-path: polygon(44.17% 100%, 44.27% 100%, 56.67% 75%, 56.57% 75%); }
}
@keyframes s39 {
0% { -webkit-clip-path: polygon(47.02% 100%, 47.12% 100%, 59.02% 76%, 58.92% 76%); }
100% { -webkit-clip-path: polygon(47.02% 100%, 47.12% 100%, 59.52% 75%, 59.42% 75%); }
0% { -webkit-clip-path: polygon(48.52% 100%, 48.62% 100%, 60.52% 76%, 60.42% 76%); }
100% { -webkit-clip-path: polygon(48.52% 100%, 48.62% 100%, 61.02% 75%, 60.92% 75%); }
}
@keyframes s40 {
0% { -webkit-clip-path: polygon(51.37% 100%, 51.47% 100%, 62.37% 78%, 62.27% 78%); }
100% { -webkit-clip-path: polygon(51.37% 100%, 51.47% 100%, 62.87% 77%, 62.77% 77%); }
0% { -webkit-clip-path: polygon(52.87% 100%, 52.97% 100%, 63.87% 78%, 63.77% 78%); }
100% { -webkit-clip-path: polygon(52.87% 100%, 52.97% 100%, 64.37% 77%, 64.27% 77%); }
}
@keyframes s41 {
0% { -webkit-clip-path: polygon(55.72% 100%, 55.82% 100%, 65.72% 80%, 65.62% 80%); }
100% { -webkit-clip-path: polygon(55.72% 100%, 55.82% 100%, 66.22% 79%, 66.12% 79%); }
0% { -webkit-clip-path: polygon(57.22% 100%, 57.32% 100%, 67.22% 80%, 67.12% 80%); }
100% { -webkit-clip-path: polygon(57.22% 100%, 57.32% 100%, 67.72% 79%, 67.62% 79%); }
}
@keyframes s42 {
0% { -webkit-clip-path: polygon(60.07% 100%, 60.17% 100%, 69.07% 82%, 68.97% 82%); }
100% { -webkit-clip-path: polygon(60.07% 100%, 60.17% 100%, 69.57% 81%, 69.47% 81%); }
0% { -webkit-clip-path: polygon(61.57% 100%, 61.67% 100%, 70.57% 82%, 70.47% 82%); }
100% { -webkit-clip-path: polygon(61.57% 100%, 61.67% 100%, 71.07% 81%, 70.97% 81%); }
}
@keyframes s43 {
0% { -webkit-clip-path: polygon(64.41% 100%, 64.51% 100%, 72.41% 84%, 72.31% 84%); }
100% { -webkit-clip-path: polygon(64.41% 100%, 64.51% 100%, 72.91% 83%, 72.81% 83%); }
0% { -webkit-clip-path: polygon(65.91% 100%, 66.01% 100%, 73.91% 84%, 73.81% 84%); }
100% { -webkit-clip-path: polygon(65.91% 100%, 66.01% 100%, 74.41% 83%, 74.31% 83%); }
}
@keyframes s44 {
0% { -webkit-clip-path: polygon(68.76% 100%, 68.86% 100%, 76.76% 84%, 76.66% 84%); }
100% { -webkit-clip-path: polygon(68.76% 100%, 68.86% 100%, 77.26% 83%, 77.16% 83%); }
0% { -webkit-clip-path: polygon(70.26% 100%, 70.36% 100%, 78.26% 84%, 78.16% 84%); }
100% { -webkit-clip-path: polygon(70.26% 100%, 70.36% 100%, 78.76% 83%, 78.66% 83%); }
}
@keyframes s45 {
0% { -webkit-clip-path: polygon(73.11% 100%, 73.21% 100%, 82.11% 82%, 82.01% 82%); }
100% { -webkit-clip-path: polygon(73.11% 100%, 73.21% 100%, 82.61% 81%, 82.51% 81%); }
0% { -webkit-clip-path: polygon(74.61% 100%, 74.71% 100%, 83.61% 82%, 83.51% 82%); }
100% { -webkit-clip-path: polygon(74.61% 100%, 74.71% 100%, 84.11% 81%, 84.01% 81%); }
}
@keyframes s46 {
0% { -webkit-clip-path: polygon(77.46% 100%, 77.56% 100%, 87.46% 80%, 87.36% 80%); }
100% { -webkit-clip-path: polygon(77.46% 100%, 77.56% 100%, 87.96% 79%, 87.86% 79%); }
0% { -webkit-clip-path: polygon(78.96% 100%, 79.06% 100%, 88.96% 80%, 88.86% 80%); }
100% { -webkit-clip-path: polygon(78.96% 100%, 79.06% 100%, 89.46% 79%, 89.36% 79%); }
}
@keyframes s47 {
0% { -webkit-clip-path: polygon(81.8% 100%, 81.9% 100%, 92.8% 78%, 92.7% 78%); }
100% { -webkit-clip-path: polygon(81.8% 100%, 81.9% 100%, 93.3% 77%, 93.2% 77%); }
0% { -webkit-clip-path: polygon(83.3% 100%, 83.4% 100%, 94.3% 78%, 94.2% 78%); }
100% { -webkit-clip-path: polygon(83.3% 100%, 83.4% 100%, 94.8% 77%, 94.7% 77%); }
}
@keyframes s48 {
0% { -webkit-clip-path: polygon(86.15% 100%, 86.25% 100%, 98.15% 76%, 98.05% 76%); }
100% { -webkit-clip-path: polygon(86.15% 100%, 86.25% 100%, 98.65% 75%, 98.55% 75%); }
0% { -webkit-clip-path: polygon(87.65% 100%, 87.75% 100%, 99.65% 76%, 99.55% 76%); }
100% { -webkit-clip-path: polygon(87.65% 100%, 87.75% 100%, 100.15% 75%, 100.05% 75%); }
}
@keyframes s49 {
0% { -webkit-clip-path: polygon(90.5% 100%, 90.6% 100%, 102.5% 76%, 102.4% 76%); }
100% { -webkit-clip-path: polygon(90.5% 100%, 90.6% 100%, 103.0% 75%, 102.9% 75%); }
0% { -webkit-clip-path: polygon(92.0% 100%, 92.1% 100%, 104.0% 76%, 103.9% 76%); }
100% { -webkit-clip-path: polygon(92.0% 100%, 92.1% 100%, 104.5% 75%, 104.4% 75%); }
}
@keyframes s50 {
0% { -webkit-clip-path: polygon(94.85% 100%, 94.95% 100%, 105.85% 78%, 105.75% 78%); }
100% { -webkit-clip-path: polygon(94.85% 100%, 94.95% 100%, 106.35% 77%, 106.25% 77%); }
0% { -webkit-clip-path: polygon(96.35% 100%, 96.45% 100%, 107.35% 78%, 107.25% 78%); }
100% { -webkit-clip-path: polygon(96.35% 100%, 96.45% 100%, 107.85% 77%, 107.75% 77%); }
}
@keyframes s51 {
0% { -webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.0% 24%, -9.1% 24%); }
100% { -webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.5% 25%, -9.6% 25%); }
0% { -webkit-clip-path: polygon(3.0% 0, 3.1% 0, -8.5% 23%, -8.6% 23%); }
100% { -webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.0% 24%, -9.1% 24%); }
}
@keyframes s52 {
@ -271,18 +269,18 @@
}
@keyframes s55 {
0% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 7.89% 25%, 7.79% 25%); }
100% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 7.39% 26%, 7.29% 26%); }
0% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 7.39% 26%, 7.29% 26%); }
100% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 6.89% 27%, 6.79% 27%); }
}
@keyframes s56 {
0% { -webkit-clip-path: polygon(24.74% 0, 24.84% 0, 13.24% 23%, 13.14% 23%); }
100% { -webkit-clip-path: polygon(24.74% 0, 24.84% 0, 12.74% 24%, 12.64% 24%); }
0% { -webkit-clip-path: polygon(24.74% 0, 24.84% 0, 12.24% 25%, 12.14% 25%); }
100% { -webkit-clip-path: polygon(24.74% 0, 24.84% 0, 11.74% 26%, 11.64% 26%); }
}
@keyframes s57 {
0% { -webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.09% 22%, 17.99% 22%); }
100% { -webkit-clip-path: polygon(29.09% 0, 29.19% 0, 17.59% 23%, 17.49% 23%); }
0% { -webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.59% 21%, 18.49% 21%); }
100% { -webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.09% 22%, 17.99% 22%); }
}
@keyframes s58 {
@ -296,18 +294,18 @@
}
@keyframes s60 {
0% { -webkit-clip-path: polygon(42.13% 0, 42.23% 0, 30.63% 23%, 30.53% 23%); }
100% { -webkit-clip-path: polygon(42.13% 0, 42.23% 0, 30.13% 24%, 30.03% 24%); }
0% { -webkit-clip-path: polygon(42.13% 0, 42.23% 0, 31.63% 21%, 31.53% 21%); }
100% { -webkit-clip-path: polygon(42.13% 0, 42.23% 0, 31.13% 22%, 31.03% 22%); }
}
@keyframes s61 {
0% { -webkit-clip-path: polygon(46.48% 0, 46.58% 0, 34.48% 24%, 34.38% 24%); }
100% { -webkit-clip-path: polygon(46.48% 0, 46.58% 0, 33.98% 25%, 33.88% 25%); }
0% { -webkit-clip-path: polygon(46.48% 0, 46.58% 0, 33.98% 25%, 33.88% 25%); }
100% { -webkit-clip-path: polygon(46.48% 0, 46.58% 0, 33.48% 26%, 33.38% 26%); }
}
@keyframes s62 {
0% { -webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.33% 27%, 37.23% 27%); }
100% { -webkit-clip-path: polygon(50.83% 0, 50.93% 0, 36.83% 28%, 36.73% 28%); }
0% { -webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.83% 26%, 37.73% 26%); }
100% { -webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.33% 27%, 37.23% 27%); }
}
@keyframes s63 {
@ -316,8 +314,8 @@
}
@keyframes s64 {
0% { -webkit-clip-path: polygon(59.52% 0, 59.62% 0, 46.02% 27%, 45.92% 27%); }
100% { -webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.52% 28%, 45.42% 28%); }
0% { -webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.52% 28%, 45.42% 28%); }
100% { -webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.02% 29%, 44.92% 29%); }
}
@keyframes s65 {
@ -326,13 +324,13 @@
}
@keyframes s66 {
0% { -webkit-clip-path: polygon(68.22% 0, 68.32% 0, 55.72% 25%, 55.62% 25%); }
100% { -webkit-clip-path: polygon(68.22% 0, 68.32% 0, 55.22% 26%, 55.12% 26%); }
0% { -webkit-clip-path: polygon(68.22% 0, 68.32% 0, 56.22% 24%, 56.12% 24%); }
100% { -webkit-clip-path: polygon(68.22% 0, 68.32% 0, 55.72% 25%, 55.62% 25%); }
}
@keyframes s67 {
0% { -webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.57% 22%, 61.47% 22%); }
100% { -webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%); }
0% { -webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%); }
100% { -webkit-clip-path: polygon(72.57% 0, 72.67% 0, 60.57% 24%, 60.47% 24%); }
}
@keyframes s68 {
@ -341,13 +339,13 @@
}
@keyframes s69 {
0% { -webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.76% 19%, 71.66% 19%); }
100% { -webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.26% 20%, 71.16% 20%); }
0% { -webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.26% 20%, 71.16% 20%); }
100% { -webkit-clip-path: polygon(81.26% 0, 81.36% 0, 70.76% 21%, 70.66% 21%); }
}
@keyframes s70 {
0% { -webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%); }
100% { -webkit-clip-path: polygon(85.61% 0, 85.71% 0, 73.61% 24%, 73.51% 24%); }
0% { -webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.61% 22%, 74.51% 22%); }
100% { -webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%); }
}
@keyframes s71 {
@ -356,13 +354,13 @@
}
@keyframes s72 {
0% { -webkit-clip-path: polygon(94.3% 0, 94.4% 0, 81.3% 26%, 81.2% 26%); }
100% { -webkit-clip-path: polygon(94.3% 0, 94.4% 0, 80.8% 27%, 80.7% 27%); }
0% { -webkit-clip-path: polygon(94.3% 0, 94.4% 0, 81.8% 25%, 81.7% 25%); }
100% { -webkit-clip-path: polygon(94.3% 0, 94.4% 0, 81.3% 26%, 81.2% 26%); }
}
@keyframes s73 {
0% { -webkit-clip-path: polygon(98.65% 0, 98.75% 0, 85.15% 27%, 85.05% 27%); }
100% { -webkit-clip-path: polygon(98.65% 0, 98.75% 0, 84.65% 28%, 84.55% 28%); }
0% { -webkit-clip-path: polygon(98.65% 0, 98.75% 0, 84.15% 29%, 84.05% 29%); }
100% { -webkit-clip-path: polygon(98.65% 0, 98.75% 0, 83.65% 30%, 83.55% 30%); }
}
@keyframes s74 {
@ -376,128 +374,128 @@
}
@keyframes s76 {
0% { -webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.5% 76%, 5.4% 76%); }
100% { -webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 6.0% 75%, 5.9% 75%); }
0% { -webkit-clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.0% 76%, 6.9% 76%); }
100% { -webkit-clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.5% 75%, 7.4% 75%); }
}
@keyframes s77 {
0% { -webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 11.35% 73%, 11.25% 73%); }
100% { -webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 11.85% 72%, 11.75% 72%); }
0% { -webkit-clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.35% 74%, 12.25% 74%); }
100% { -webkit-clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.85% 73%, 12.75% 73%); }
}
@keyframes s78 {
0% { -webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 16.2% 72%, 16.1% 72%); }
100% { -webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 16.7% 71%, 16.6% 71%); }
0% { -webkit-clip-path: polygon(3.7% 100%, 3.8% 100%, 17.7% 72%, 17.6% 72%); }
100% { -webkit-clip-path: polygon(3.7% 100%, 3.8% 100%, 18.2% 71%, 18.1% 71%); }
}
@keyframes s79 {
0% { -webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 20.54% 72%, 20.44% 72%); }
100% { -webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 21.04% 71%, 20.94% 71%); }
0% { -webkit-clip-path: polygon(8.04% 100%, 8.14% 100%, 21.54% 73%, 21.44% 73%); }
100% { -webkit-clip-path: polygon(8.04% 100%, 8.14% 100%, 22.04% 72%, 21.94% 72%); }
}
@keyframes s80 {
0% { -webkit-clip-path: polygon(10.89% 100%, 10.99% 100%, 23.39% 75%, 23.29% 75%); }
100% { -webkit-clip-path: polygon(10.89% 100%, 10.99% 100%, 23.89% 74%, 23.79% 74%); }
0% { -webkit-clip-path: polygon(12.39% 100%, 12.49% 100%, 25.89% 73%, 25.79% 73%); }
100% { -webkit-clip-path: polygon(12.39% 100%, 12.49% 100%, 26.39% 72%, 26.29% 72%); }
}
@keyframes s81 {
0% { -webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 27.24% 76%, 27.14% 76%); }
100% { -webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 27.74% 75%, 27.64% 75%); }
0% { -webkit-clip-path: polygon(16.74% 100%, 16.84% 100%, 29.24% 75%, 29.14% 75%); }
100% { -webkit-clip-path: polygon(16.74% 100%, 16.84% 100%, 29.74% 74%, 29.64% 74%); }
}
@keyframes s82 {
0% { -webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 30.59% 78%, 30.49% 78%); }
100% { -webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 31.09% 77%, 30.99% 77%); }
0% { -webkit-clip-path: polygon(21.09% 100%, 21.19% 100%, 32.59% 77%, 32.49% 77%); }
100% { -webkit-clip-path: polygon(21.09% 100%, 21.19% 100%, 33.09% 76%, 32.99% 76%); }
}
@keyframes s83 {
0% { -webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 34.43% 79%, 34.33% 79%); }
100% { -webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 34.93% 78%, 34.83% 78%); }
0% { -webkit-clip-path: polygon(25.43% 100%, 25.53% 100%, 34.93% 81%, 34.83% 81%); }
100% { -webkit-clip-path: polygon(25.43% 100%, 25.53% 100%, 35.43% 80%, 35.33% 80%); }
}
@keyframes s84 {
0% { -webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 38.28% 80%, 38.18% 80%); }
100% { -webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 38.78% 79%, 38.68% 79%); }
0% { -webkit-clip-path: polygon(29.78% 100%, 29.88% 100%, 40.28% 79%, 40.18% 79%); }
100% { -webkit-clip-path: polygon(29.78% 100%, 29.88% 100%, 40.78% 78%, 40.68% 78%); }
}
@keyframes s85 {
0% { -webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.13% 79%, 43.03% 79%); }
100% { -webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.63% 78%, 43.53% 78%); }
0% { -webkit-clip-path: polygon(34.13% 100%, 34.23% 100%, 44.63% 79%, 44.53% 79%); }
100% { -webkit-clip-path: polygon(34.13% 100%, 34.23% 100%, 45.13% 78%, 45.03% 78%); }
}
@keyframes s86 {
0% { -webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 48.98% 76%, 48.88% 76%); }
100% { -webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 49.48% 75%, 49.38% 75%); }
0% { -webkit-clip-path: polygon(38.48% 100%, 38.58% 100%, 49.98% 77%, 49.88% 77%); }
100% { -webkit-clip-path: polygon(38.48% 100%, 38.58% 100%, 50.48% 76%, 50.38% 76%); }
}
@keyframes s87 {
0% { -webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.83% 73%, 54.73% 73%); }
100% { -webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 55.33% 72%, 55.23% 72%); }
0% { -webkit-clip-path: polygon(42.83% 100%, 42.93% 100%, 55.83% 74%, 55.73% 74%); }
100% { -webkit-clip-path: polygon(42.83% 100%, 42.93% 100%, 56.33% 73%, 56.23% 73%); }
}
@keyframes s88 {
0% { -webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.67% 72%, 59.57% 72%); }
100% { -webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 60.17% 71%, 60.07% 71%); }
0% { -webkit-clip-path: polygon(47.17% 100%, 47.27% 100%, 61.67% 71%, 61.57% 71%); }
100% { -webkit-clip-path: polygon(47.17% 100%, 47.27% 100%, 62.17% 70%, 62.07% 70%); }
}
@keyframes s89 {
0% { -webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.02% 72%, 63.92% 72%); }
100% { -webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.52% 71%, 64.42% 71%); }
0% { -webkit-clip-path: polygon(51.52% 100%, 51.62% 100%, 65.02% 73%, 64.92% 73%); }
100% { -webkit-clip-path: polygon(51.52% 100%, 51.62% 100%, 65.52% 72%, 65.42% 72%); }
}
@keyframes s90 {
0% { -webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.37% 74%, 67.27% 74%); }
100% { -webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.87% 73%, 67.77% 73%); }
0% { -webkit-clip-path: polygon(55.87% 100%, 55.97% 100%, 68.87% 74%, 68.77% 74%); }
100% { -webkit-clip-path: polygon(55.87% 100%, 55.97% 100%, 69.37% 73%, 69.27% 73%); }
}
@keyframes s91 {
0% { -webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 70.72% 76%, 70.62% 76%); }
100% { -webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 71.22% 75%, 71.12% 75%); }
0% { -webkit-clip-path: polygon(60.22% 100%, 60.32% 100%, 72.22% 76%, 72.12% 76%); }
100% { -webkit-clip-path: polygon(60.22% 100%, 60.32% 100%, 72.72% 75%, 72.62% 75%); }
}
@keyframes s92 {
0% { -webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 73.57% 79%, 73.47% 79%); }
100% { -webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 74.07% 78%, 73.97% 78%); }
0% { -webkit-clip-path: polygon(64.57% 100%, 64.67% 100%, 75.57% 78%, 75.47% 78%); }
100% { -webkit-clip-path: polygon(64.57% 100%, 64.67% 100%, 76.07% 77%, 75.97% 77%); }
}
@keyframes s93 {
0% { -webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.41% 80%, 77.31% 80%); }
100% { -webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.91% 79%, 77.81% 79%); }
0% { -webkit-clip-path: polygon(68.91% 100%, 69.01% 100%, 78.91% 80%, 78.81% 80%); }
100% { -webkit-clip-path: polygon(68.91% 100%, 69.01% 100%, 79.41% 79%, 79.31% 79%); }
}
@keyframes s94 {
0% { -webkit-clip-path: polygon(71.76% 100%, 71.86% 100%, 82.26% 79%, 82.16% 79%); }
100% { -webkit-clip-path: polygon(71.76% 100%, 71.86% 100%, 82.76% 78%, 82.66% 78%); }
0% { -webkit-clip-path: polygon(73.26% 100%, 73.36% 100%, 83.76% 79%, 83.66% 79%); }
100% { -webkit-clip-path: polygon(73.26% 100%, 73.36% 100%, 84.26% 78%, 84.16% 78%); }
}
@keyframes s95 {
0% { -webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 87.11% 78%, 87.01% 78%); }
100% { -webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 87.61% 77%, 87.51% 77%); }
0% { -webkit-clip-path: polygon(77.61% 100%, 77.71% 100%, 88.61% 78%, 88.51% 78%); }
100% { -webkit-clip-path: polygon(77.61% 100%, 77.71% 100%, 89.11% 77%, 89.01% 77%); }
}
@keyframes s96 {
0% { -webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.96% 75%, 92.86% 75%); }
100% { -webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 93.46% 74%, 93.36% 74%); }
0% { -webkit-clip-path: polygon(81.96% 100%, 82.06% 100%, 94.46% 75%, 94.36% 75%); }
100% { -webkit-clip-path: polygon(81.96% 100%, 82.06% 100%, 94.96% 74%, 94.86% 74%); }
}
@keyframes s97 {
0% { -webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 97.3% 75%, 97.2% 75%); }
100% { -webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 97.8% 74%, 97.7% 74%); }
0% { -webkit-clip-path: polygon(86.3% 100%, 86.4% 100%, 99.8% 73%, 99.7% 73%); }
100% { -webkit-clip-path: polygon(86.3% 100%, 86.4% 100%, 100.3% 72%, 100.2% 72%); }
}
@keyframes s98 {
0% { -webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 103.15% 72%, 103.05% 72%); }
100% { -webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 103.65% 71%, 103.55% 71%); }
0% { -webkit-clip-path: polygon(90.65% 100%, 90.75% 100%, 105.15% 71%, 105.05% 71%); }
100% { -webkit-clip-path: polygon(90.65% 100%, 90.75% 100%, 105.65% 70%, 105.55% 70%); }
}
@keyframes s99 {
0% { -webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 108.0% 71%, 107.9% 71%); }
100% { -webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 108.5% 70%, 108.4% 70%); }
0% { -webkit-clip-path: polygon(95.0% 100%, 95.1% 100%, 109.0% 72%, 108.9% 72%); }
100% { -webkit-clip-path: polygon(95.0% 100%, 95.1% 100%, 109.5% 71%, 109.4% 71%); }
}
@keyframes s100 {
0% { -webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.35% 75%, 110.25% 75%); }
100% { -webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.85% 74%, 110.75% 74%); }
0% { -webkit-clip-path: polygon(99.35% 100%, 99.45% 100%, 111.85% 75%, 111.75% 75%); }
100% { -webkit-clip-path: polygon(99.35% 100%, 99.45% 100%, 112.35% 74%, 112.25% 74%); }
}
#bgWrap div:nth-child(1) {
@ -598,7 +596,7 @@
#bgWrap div:nth-child(17) {
animation: s17 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(71.57% 0, 71.67% 0, 62.57% 18%, 62.47% 18%);
}
@ -653,157 +651,157 @@
#bgWrap div:nth-child(26) {
animation: s26 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(-9.5% 100%, -9.4% 100%, 0.5% 80%, 0.4% 80%);
-webkit-clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.0% 80%, 1.9% 80%);
}
#bgWrap div:nth-child(27) {
animation: s27 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(-5.15% 100%, -5.05% 100%, 5.85% 78%, 5.75% 78%);
-webkit-clip-path: polygon(-3.65% 100%, -3.55% 100%, 7.35% 78%, 7.25% 78%);
}
#bgWrap div:nth-child(28) {
animation: s28 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(-0.8% 100%, -0.7% 100%, 11.2% 76%, 11.1% 76%);
-webkit-clip-path: polygon(0.7% 100%, 0.8% 100%, 12.7% 76%, 12.6% 76%);
}
#bgWrap div:nth-child(29) {
animation: s29 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(3.54% 100%, 3.64% 100%, 15.54% 76%, 15.44% 76%);
-webkit-clip-path: polygon(5.04% 100%, 5.14% 100%, 17.04% 76%, 16.94% 76%);
}
#bgWrap div:nth-child(30) {
animation: s30 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(7.89% 100%, 7.99% 100%, 18.89% 78%, 18.79% 78%);
-webkit-clip-path: polygon(9.39% 100%, 9.49% 100%, 20.39% 78%, 20.29% 78%);
}
#bgWrap div:nth-child(31) {
animation: s31 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(12.24% 100%, 12.34% 100%, 22.24% 80%, 22.14% 80%);
-webkit-clip-path: polygon(13.74% 100%, 13.84% 100%, 23.74% 80%, 23.64% 80%);
}
#bgWrap div:nth-child(32) {
animation: s32 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(16.59% 100%, 16.69% 100%, 25.59% 82%, 25.49% 82%);
-webkit-clip-path: polygon(18.09% 100%, 18.19% 100%, 27.09% 82%, 26.99% 82%);
}
#bgWrap div:nth-child(33) {
animation: s33 ease-in-out 3s infinite alternate;
-webkit-clip-path: polygon(20.93% 100%, 21.03% 100%, 28.93% 84%, 28.83% 84%);
background-color: #272727;
-webkit-clip-path: polygon(22.43% 100%, 22.53% 100%, 30.43% 84%, 30.33% 84%);
}
#bgWrap div:nth-child(34) {
animation: s34 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(25.28% 100%, 25.38% 100%, 33.28% 84%, 33.18% 84%);
-webkit-clip-path: polygon(26.78% 100%, 26.88% 100%, 34.78% 84%, 34.68% 84%);
}
#bgWrap div:nth-child(35) {
animation: s35 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(29.63% 100%, 29.73% 100%, 38.63% 82%, 38.53% 82%);
-webkit-clip-path: polygon(31.13% 100%, 31.23% 100%, 40.13% 82%, 40.03% 82%);
}
#bgWrap div:nth-child(36) {
animation: s36 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(33.98% 100%, 34.08% 100%, 43.98% 80%, 43.88% 80%);
-webkit-clip-path: polygon(35.48% 100%, 35.58% 100%, 45.48% 80%, 45.38% 80%);
}
#bgWrap div:nth-child(37) {
animation: s37 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(38.33% 100%, 38.43% 100%, 49.33% 78%, 49.23% 78%);
-webkit-clip-path: polygon(39.83% 100%, 39.93% 100%, 50.83% 78%, 50.73% 78%);
}
#bgWrap div:nth-child(38) {
animation: s38 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(42.67% 100%, 42.77% 100%, 54.67% 76%, 54.57% 76%);
-webkit-clip-path: polygon(44.17% 100%, 44.27% 100%, 56.17% 76%, 56.07% 76%);
}
#bgWrap div:nth-child(39) {
animation: s39 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(47.02% 100%, 47.12% 100%, 59.02% 76%, 58.92% 76%);
-webkit-clip-path: polygon(48.52% 100%, 48.62% 100%, 60.52% 76%, 60.42% 76%);
}
#bgWrap div:nth-child(40) {
animation: s40 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(51.37% 100%, 51.47% 100%, 62.37% 78%, 62.27% 78%);
-webkit-clip-path: polygon(52.87% 100%, 52.97% 100%, 63.87% 78%, 63.77% 78%);
}
#bgWrap div:nth-child(41) {
animation: s41 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(55.72% 100%, 55.82% 100%, 65.72% 80%, 65.62% 80%);
-webkit-clip-path: polygon(57.22% 100%, 57.32% 100%, 67.22% 80%, 67.12% 80%);
}
#bgWrap div:nth-child(42) {
animation: s42 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(60.07% 100%, 60.17% 100%, 69.07% 82%, 68.97% 82%);
-webkit-clip-path: polygon(61.57% 100%, 61.67% 100%, 70.57% 82%, 70.47% 82%);
}
#bgWrap div:nth-child(43) {
animation: s43 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(64.41% 100%, 64.51% 100%, 72.41% 84%, 72.31% 84%);
-webkit-clip-path: polygon(65.91% 100%, 66.01% 100%, 73.91% 84%, 73.81% 84%);
}
#bgWrap div:nth-child(44) {
animation: s44 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(68.76% 100%, 68.86% 100%, 76.76% 84%, 76.66% 84%);
-webkit-clip-path: polygon(70.26% 100%, 70.36% 100%, 78.26% 84%, 78.16% 84%);
}
#bgWrap div:nth-child(45) {
animation: s45 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(73.11% 100%, 73.21% 100%, 82.11% 82%, 82.01% 82%);
-webkit-clip-path: polygon(74.61% 100%, 74.71% 100%, 83.61% 82%, 83.51% 82%);
}
#bgWrap div:nth-child(46) {
animation: s46 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(77.46% 100%, 77.56% 100%, 87.46% 80%, 87.36% 80%);
-webkit-clip-path: polygon(78.96% 100%, 79.06% 100%, 88.96% 80%, 88.86% 80%);
}
#bgWrap div:nth-child(47) {
animation: s47 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(81.8% 100%, 81.9% 100%, 92.8% 78%, 92.7% 78%);
-webkit-clip-path: polygon(83.3% 100%, 83.4% 100%, 94.3% 78%, 94.2% 78%);
}
#bgWrap div:nth-child(48) {
animation: s48 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(86.15% 100%, 86.25% 100%, 98.15% 76%, 98.05% 76%);
-webkit-clip-path: polygon(87.65% 100%, 87.75% 100%, 99.65% 76%, 99.55% 76%);
}
#bgWrap div:nth-child(49) {
animation: s49 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(90.5% 100%, 90.6% 100%, 102.5% 76%, 102.4% 76%);
-webkit-clip-path: polygon(92.0% 100%, 92.1% 100%, 104.0% 76%, 103.9% 76%);
}
#bgWrap div:nth-child(50) {
animation: s50 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(94.85% 100%, 94.95% 100%, 105.85% 78%, 105.75% 78%);
-webkit-clip-path: polygon(96.35% 100%, 96.45% 100%, 107.35% 78%, 107.25% 78%);
}
#bgWrap div:nth-child(51) {
animation: s51 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.0% 24%, -9.1% 24%);
-webkit-clip-path: polygon(3.0% 0, 3.1% 0, -8.5% 23%, -8.6% 23%);
}
#bgWrap div:nth-child(52) {
@ -827,19 +825,19 @@
#bgWrap div:nth-child(55) {
animation: s55 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(20.39% 0, 20.49% 0, 7.89% 25%, 7.79% 25%);
-webkit-clip-path: polygon(20.39% 0, 20.49% 0, 7.39% 26%, 7.29% 26%);
}
#bgWrap div:nth-child(56) {
animation: s56 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(24.74% 0, 24.84% 0, 13.24% 23%, 13.14% 23%);
-webkit-clip-path: polygon(24.74% 0, 24.84% 0, 12.24% 25%, 12.14% 25%);
}
#bgWrap div:nth-child(57) {
animation: s57 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.09% 22%, 17.99% 22%);
-webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.59% 21%, 18.49% 21%);
}
#bgWrap div:nth-child(58) {
@ -857,19 +855,19 @@
#bgWrap div:nth-child(60) {
animation: s60 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(42.13% 0, 42.23% 0, 30.63% 23%, 30.53% 23%);
-webkit-clip-path: polygon(42.13% 0, 42.23% 0, 31.63% 21%, 31.53% 21%);
}
#bgWrap div:nth-child(61) {
animation: s61 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(46.48% 0, 46.58% 0, 34.48% 24%, 34.38% 24%);
-webkit-clip-path: polygon(46.48% 0, 46.58% 0, 33.98% 25%, 33.88% 25%);
}
#bgWrap div:nth-child(62) {
animation: s62 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.33% 27%, 37.23% 27%);
-webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.83% 26%, 37.73% 26%);
}
#bgWrap div:nth-child(63) {
@ -881,7 +879,7 @@
#bgWrap div:nth-child(64) {
animation: s64 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(59.52% 0, 59.62% 0, 46.02% 27%, 45.92% 27%);
-webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.52% 28%, 45.42% 28%);
}
#bgWrap div:nth-child(65) {
@ -893,13 +891,13 @@
#bgWrap div:nth-child(66) {
animation: s66 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(68.22% 0, 68.32% 0, 55.72% 25%, 55.62% 25%);
-webkit-clip-path: polygon(68.22% 0, 68.32% 0, 56.22% 24%, 56.12% 24%);
}
#bgWrap div:nth-child(67) {
animation: s67 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.57% 22%, 61.47% 22%);
background-color: #272727;background-color: #b5b5b5;
-webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%);
}
#bgWrap div:nth-child(68) {
@ -911,13 +909,13 @@
#bgWrap div:nth-child(69) {
animation: s69 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.76% 19%, 71.66% 19%);
-webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.26% 20%, 71.16% 20%);
}
#bgWrap div:nth-child(70) {
animation: s70 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%);
-webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.61% 22%, 74.51% 22%);
}
#bgWrap div:nth-child(71) {
@ -929,13 +927,13 @@
#bgWrap div:nth-child(72) {
animation: s72 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(94.3% 0, 94.4% 0, 81.3% 26%, 81.2% 26%);
-webkit-clip-path: polygon(94.3% 0, 94.4% 0, 81.8% 25%, 81.7% 25%);
}
#bgWrap div:nth-child(73) {
animation: s73 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(98.65% 0, 98.75% 0, 85.15% 27%, 85.05% 27%);
-webkit-clip-path: polygon(98.65% 0, 98.75% 0, 84.15% 29%, 84.05% 29%);
}
#bgWrap div:nth-child(74) {
@ -953,150 +951,150 @@
#bgWrap div:nth-child(76) {
animation: s76 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.5% 76%, 5.4% 76%);
-webkit-clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.0% 76%, 6.9% 76%);
}
#bgWrap div:nth-child(77) {
animation: s77 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 11.35% 73%, 11.25% 73%);
-webkit-clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.35% 74%, 12.25% 74%);
}
#bgWrap div:nth-child(78) {
animation: s78 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 16.2% 72%, 16.1% 72%);
-webkit-clip-path: polygon(3.7% 100%, 3.8% 100%, 17.7% 72%, 17.6% 72%);
}
#bgWrap div:nth-child(79) {
animation: s79 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 20.54% 72%, 20.44% 72%);
-webkit-clip-path: polygon(8.04% 100%, 8.14% 100%, 21.54% 73%, 21.44% 73%);
}
#bgWrap div:nth-child(80) {
animation: s80 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(10.89% 100%, 10.99% 100%, 23.39% 75%, 23.29% 75%);
-webkit-clip-path: polygon(12.39% 100%, 12.49% 100%, 25.89% 73%, 25.79% 73%);
}
#bgWrap div:nth-child(81) {
animation: s81 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 27.24% 76%, 27.14% 76%);
-webkit-clip-path: polygon(16.74% 100%, 16.84% 100%, 29.24% 75%, 29.14% 75%);
}
#bgWrap div:nth-child(82) {
animation: s82 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 30.59% 78%, 30.49% 78%);
background-color: #b5b5b5;
-webkit-clip-path: polygon(21.09% 100%, 21.19% 100%, 32.59% 77%, 32.49% 77%);
}
#bgWrap div:nth-child(83) {
animation: s83 ease-in-out 3s infinite alternate;
background-color: #272727;
-webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 34.43% 79%, 34.33% 79%);
background-color: #b5b5b5;
-webkit-clip-path: polygon(25.43% 100%, 25.53% 100%, 34.93% 81%, 34.83% 81%);
}
#bgWrap div:nth-child(84) {
animation: s84 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 38.28% 80%, 38.18% 80%);
-webkit-clip-path: polygon(29.78% 100%, 29.88% 100%, 40.28% 79%, 40.18% 79%);
}
#bgWrap div:nth-child(85) {
animation: s85 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.13% 79%, 43.03% 79%);
-webkit-clip-path: polygon(34.13% 100%, 34.23% 100%, 44.63% 79%, 44.53% 79%);
}
#bgWrap div:nth-child(86) {
animation: s86 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 48.98% 76%, 48.88% 76%);
-webkit-clip-path: polygon(38.48% 100%, 38.58% 100%, 49.98% 77%, 49.88% 77%);
}
#bgWrap div:nth-child(87) {
animation: s87 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.83% 73%, 54.73% 73%);
-webkit-clip-path: polygon(42.83% 100%, 42.93% 100%, 55.83% 74%, 55.73% 74%);
}
#bgWrap div:nth-child(88) {
animation: s88 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.67% 72%, 59.57% 72%);
-webkit-clip-path: polygon(47.17% 100%, 47.27% 100%, 61.67% 71%, 61.57% 71%);
}
#bgWrap div:nth-child(89) {
animation: s89 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.02% 72%, 63.92% 72%);
-webkit-clip-path: polygon(51.52% 100%, 51.62% 100%, 65.02% 73%, 64.92% 73%);
}
#bgWrap div:nth-child(90) {
animation: s90 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.37% 74%, 67.27% 74%);
-webkit-clip-path: polygon(55.87% 100%, 55.97% 100%, 68.87% 74%, 68.77% 74%);
}
#bgWrap div:nth-child(91) {
animation: s91 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 70.72% 76%, 70.62% 76%);
-webkit-clip-path: polygon(60.22% 100%, 60.32% 100%, 72.22% 76%, 72.12% 76%);
}
#bgWrap div:nth-child(92) {
animation: s92 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 73.57% 79%, 73.47% 79%);
-webkit-clip-path: polygon(64.57% 100%, 64.67% 100%, 75.57% 78%, 75.47% 78%);
}
#bgWrap div:nth-child(93) {
animation: s93 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.41% 80%, 77.31% 80%);
-webkit-clip-path: polygon(68.91% 100%, 69.01% 100%, 78.91% 80%, 78.81% 80%);
}
#bgWrap div:nth-child(94) {
animation: s94 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(71.76% 100%, 71.86% 100%, 82.26% 79%, 82.16% 79%);
-webkit-clip-path: polygon(73.26% 100%, 73.36% 100%, 83.76% 79%, 83.66% 79%);
}
#bgWrap div:nth-child(95) {
animation: s95 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 87.11% 78%, 87.01% 78%);
-webkit-clip-path: polygon(77.61% 100%, 77.71% 100%, 88.61% 78%, 88.51% 78%);
}
#bgWrap div:nth-child(96) {
animation: s96 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.96% 75%, 92.86% 75%);
-webkit-clip-path: polygon(81.96% 100%, 82.06% 100%, 94.46% 75%, 94.36% 75%);
}
#bgWrap div:nth-child(97) {
animation: s97 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 97.3% 75%, 97.2% 75%);
-webkit-clip-path: polygon(86.3% 100%, 86.4% 100%, 99.8% 73%, 99.7% 73%);
}
#bgWrap div:nth-child(98) {
animation: s98 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 103.15% 72%, 103.05% 72%);
-webkit-clip-path: polygon(90.65% 100%, 90.75% 100%, 105.15% 71%, 105.05% 71%);
}
#bgWrap div:nth-child(99) {
animation: s99 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 108.0% 71%, 107.9% 71%);
-webkit-clip-path: polygon(95.0% 100%, 95.1% 100%, 109.0% 72%, 108.9% 72%);
}
#bgWrap div:nth-child(100) {
animation: s100 ease-in-out 3s infinite alternate;
background-color: #b5b5b5;
-webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.35% 75%, 110.25% 75%);
-webkit-clip-path: polygon(99.35% 100%, 99.45% 100%, 111.85% 75%, 111.75% 75%);
}
}