diff --git a/cssgen.py b/cssgen.py index f3ef019..406162f 100644 --- a/cssgen.py +++ b/cssgen.py @@ -11,8 +11,8 @@ def main(): l = round(t - (1/2)*b, 2) l2 = round(t - (1/2)*(b+1), 2) - p0 = f'-webkit-clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l}% {b}%, {round(l-0.1, 2)}% {b}%);' - p1 = f'-webkit-clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l2}% {b+1}%, {round(l2-0.1, 2)}% {b+1}%);' + p0 = f'clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l}% {b}%, {round(l-0.1, 2)}% {b}%);' + p1 = f'clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l2}% {b+1}%, {round(l2-0.1, 2)}% {b+1}%);' f.write(f'@keyframes s{i+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n') initial.append(p0) @@ -21,8 +21,8 @@ def main(): r = round(t + (1/2)*b, 2) r2 = round(t + (1/2)*(b+1), 2) - p0 = f'-webkit-clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r}% {100-b}%, {round(r-0.1, 2)}% {100-b}%);' - p1 = f'-webkit-clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r2}% {99-b}%, {round(r2-0.1, 2)}% {99-b}%);' + p0 = f'clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r}% {100-b}%, {round(r-0.1, 2)}% {100-b}%);' + p1 = f'clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r2}% {99-b}%, {round(r2-0.1, 2)}% {99-b}%);' f.write(f'@keyframes s{i+n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n') initial.append(p0) @@ -32,8 +32,8 @@ def main(): l = round(t - (1/2)*b, 2) l2 = round(t - (1/2)*(b+1), 2) - p0 = f'-webkit-clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l}% {b}%, {round(l-0.1, 2)}% {b}%);' - p1 = f'-webkit-clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l2}% {b+1}%, {round(l2-0.1, 2)}% {b+1}%);' + p0 = f'clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l}% {b}%, {round(l-0.1, 2)}% {b}%);' + p1 = f'clip-path: polygon({t}% 0, {round(t+0.1, 2)}% 0, {l2}% {b+1}%, {round(l2-0.1, 2)}% {b+1}%);' f.write(f'@keyframes s{i+2*n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n') initial.append(p0) @@ -43,8 +43,8 @@ def main(): r = round(t + (1/2)*b, 2) r2 = round(t + (1/2)*(b+1), 2) - p0 = f'-webkit-clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r}% {100-b}%, {round(r-0.1, 2)}% {100-b}%);' - p1 = f'-webkit-clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r2}% {99-b}%, {round(r2-0.1, 2)}% {99-b}%);' + p0 = f'clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r}% {100-b}%, {round(r-0.1, 2)}% {100-b}%);' + p1 = f'clip-path: polygon({t}% 100%, {round(t+0.1, 2)}% 100%, {r2}% {99-b}%, {round(r2-0.1, 2)}% {99-b}%);' f.write(f'@keyframes s{i+3*n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n') initial.append(p0) diff --git a/index.css b/index.css index b7ecec0..c0bbabc 100644 --- a/index.css +++ b/index.css @@ -3,6 +3,7 @@ html, body { margin: 0; font-family: 'Quicksand', sans-serif; color: white; + z-index: -1; } ::selection { @@ -32,7 +33,7 @@ a:hover { position: absolute; top: 0; left: 0; background-color: #121212; - z-index: -1; + z-index: 0; } #bgWrap div { @@ -43,7 +44,7 @@ a:hover { } #bgWrap div:nth-child(101) { - -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 20% 100%); + clip-path: polygon(70% 0, 100% 0, 100% 100%, 20% 100%); background-color: #e6e6df; z-index: -1; } @@ -59,6 +60,7 @@ a:hover { padding: 1%; grid-column: 1; margin: auto; + z-index: 3; } #name h1 { @@ -83,6 +85,7 @@ a:hover { height: 50%; width: 60%; color: black; + z-index: 1; display: grid; grid-template-columns: 1fr 29fr; @@ -155,10 +158,14 @@ input[type='radio'] { } .content h2 { - font-weight: 400; + font-weight: 300; font-size: 100%; margin: 0; - text-shadow: 6px 6px #b5b5b5; +} + +.content h2 u { + text-decoration: none; + border-bottom: 1px solid black; } .content p { @@ -176,7 +183,7 @@ input[type='radio'] { } #bgWrap div:nth-child(101) { - -webkit-clip-path: polygon(0 40%, 100% 30%, 100% 100%, 0 100%); + clip-path: polygon(0 40%, 100% 30%, 100% 100%, 0 100%); background-color: #e6e6df; z-index: -1; display: block; diff --git a/index.html b/index.html index 3feba5a..c1bd869 100644 --- a/index.html +++ b/index.html @@ -40,7 +40,7 @@
-

ABOUT

+

ABOUT

My name is Kenneth Jao and I'm a developer, electrical and computer engineer, and just generally a problem solver.

@@ -55,7 +55,7 @@

-

PROJECTS

+

PROJECTS

I work on many projects, most of which can be found at my GitHub. The most significant ones are found on this website.

@@ -68,7 +68,7 @@

-

OTHER

+

OTHER

Outside of developing, I also have a blog where I write about puzzles or problems, things I come across, or whatever interests me.

diff --git a/output.css b/output.css index d3933ca..ac78362 100644 --- a/output.css +++ b/output.css @@ -1,1100 +1,1100 @@ @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%); } + 0% { clip-path: polygon(2.0% 0, 2.1% 0, -8.0% 20%, -8.1% 20%); } + 100% { clip-path: polygon(2.0% 0, 2.1% 0, -8.5% 21%, -8.6% 21%); } } @keyframes s2 { - 0% { -webkit-clip-path: polygon(6.35% 0, 6.45% 0, -4.65% 22%, -4.75% 22%); } - 100% { -webkit-clip-path: polygon(6.35% 0, 6.45% 0, -5.15% 23%, -5.25% 23%); } + 0% { clip-path: polygon(6.35% 0, 6.45% 0, -4.65% 22%, -4.75% 22%); } + 100% { clip-path: polygon(6.35% 0, 6.45% 0, -5.15% 23%, -5.25% 23%); } } @keyframes s3 { - 0% { -webkit-clip-path: polygon(10.7% 0, 10.8% 0, -1.3% 24%, -1.4% 24%); } - 100% { -webkit-clip-path: polygon(10.7% 0, 10.8% 0, -1.8% 25%, -1.9% 25%); } + 0% { clip-path: polygon(10.7% 0, 10.8% 0, -1.3% 24%, -1.4% 24%); } + 100% { clip-path: polygon(10.7% 0, 10.8% 0, -1.8% 25%, -1.9% 25%); } } @keyframes s4 { - 0% { -webkit-clip-path: polygon(15.04% 0, 15.14% 0, 3.04% 24%, 2.94% 24%); } - 100% { -webkit-clip-path: polygon(15.04% 0, 15.14% 0, 2.54% 25%, 2.44% 25%); } + 0% { clip-path: polygon(15.04% 0, 15.14% 0, 3.04% 24%, 2.94% 24%); } + 100% { clip-path: polygon(15.04% 0, 15.14% 0, 2.54% 25%, 2.44% 25%); } } @keyframes s5 { - 0% { -webkit-clip-path: polygon(19.39% 0, 19.49% 0, 8.39% 22%, 8.29% 22%); } - 100% { -webkit-clip-path: polygon(19.39% 0, 19.49% 0, 7.89% 23%, 7.79% 23%); } + 0% { clip-path: polygon(19.39% 0, 19.49% 0, 8.39% 22%, 8.29% 22%); } + 100% { clip-path: polygon(19.39% 0, 19.49% 0, 7.89% 23%, 7.79% 23%); } } @keyframes s6 { - 0% { -webkit-clip-path: polygon(23.74% 0, 23.84% 0, 13.74% 20%, 13.64% 20%); } - 100% { -webkit-clip-path: polygon(23.74% 0, 23.84% 0, 13.24% 21%, 13.14% 21%); } + 0% { clip-path: polygon(23.74% 0, 23.84% 0, 13.74% 20%, 13.64% 20%); } + 100% { clip-path: polygon(23.74% 0, 23.84% 0, 13.24% 21%, 13.14% 21%); } } @keyframes s7 { - 0% { -webkit-clip-path: polygon(28.09% 0, 28.19% 0, 19.09% 18%, 18.99% 18%); } - 100% { -webkit-clip-path: polygon(28.09% 0, 28.19% 0, 18.59% 19%, 18.49% 19%); } + 0% { clip-path: polygon(28.09% 0, 28.19% 0, 19.09% 18%, 18.99% 18%); } + 100% { clip-path: polygon(28.09% 0, 28.19% 0, 18.59% 19%, 18.49% 19%); } } @keyframes s8 { - 0% { -webkit-clip-path: polygon(32.43% 0, 32.53% 0, 24.43% 16%, 24.33% 16%); } - 100% { -webkit-clip-path: polygon(32.43% 0, 32.53% 0, 23.93% 17%, 23.83% 17%); } + 0% { clip-path: polygon(32.43% 0, 32.53% 0, 24.43% 16%, 24.33% 16%); } + 100% { clip-path: polygon(32.43% 0, 32.53% 0, 23.93% 17%, 23.83% 17%); } } @keyframes s9 { - 0% { -webkit-clip-path: polygon(36.78% 0, 36.88% 0, 28.78% 16%, 28.68% 16%); } - 100% { -webkit-clip-path: polygon(36.78% 0, 36.88% 0, 28.28% 17%, 28.18% 17%); } + 0% { clip-path: polygon(36.78% 0, 36.88% 0, 28.78% 16%, 28.68% 16%); } + 100% { clip-path: polygon(36.78% 0, 36.88% 0, 28.28% 17%, 28.18% 17%); } } @keyframes s10 { - 0% { -webkit-clip-path: polygon(41.13% 0, 41.23% 0, 32.13% 18%, 32.03% 18%); } - 100% { -webkit-clip-path: polygon(41.13% 0, 41.23% 0, 31.63% 19%, 31.53% 19%); } + 0% { clip-path: polygon(41.13% 0, 41.23% 0, 32.13% 18%, 32.03% 18%); } + 100% { clip-path: polygon(41.13% 0, 41.23% 0, 31.63% 19%, 31.53% 19%); } } @keyframes s11 { - 0% { -webkit-clip-path: polygon(45.48% 0, 45.58% 0, 35.48% 20%, 35.38% 20%); } - 100% { -webkit-clip-path: polygon(45.48% 0, 45.58% 0, 34.98% 21%, 34.88% 21%); } + 0% { clip-path: polygon(45.48% 0, 45.58% 0, 35.48% 20%, 35.38% 20%); } + 100% { clip-path: polygon(45.48% 0, 45.58% 0, 34.98% 21%, 34.88% 21%); } } @keyframes s12 { - 0% { -webkit-clip-path: polygon(49.83% 0, 49.93% 0, 38.83% 22%, 38.73% 22%); } - 100% { -webkit-clip-path: polygon(49.83% 0, 49.93% 0, 38.33% 23%, 38.23% 23%); } + 0% { clip-path: polygon(49.83% 0, 49.93% 0, 38.83% 22%, 38.73% 22%); } + 100% { clip-path: polygon(49.83% 0, 49.93% 0, 38.33% 23%, 38.23% 23%); } } @keyframes s13 { - 0% { -webkit-clip-path: polygon(54.17% 0, 54.27% 0, 42.17% 24%, 42.07% 24%); } - 100% { -webkit-clip-path: polygon(54.17% 0, 54.27% 0, 41.67% 25%, 41.57% 25%); } + 0% { clip-path: polygon(54.17% 0, 54.27% 0, 42.17% 24%, 42.07% 24%); } + 100% { clip-path: polygon(54.17% 0, 54.27% 0, 41.67% 25%, 41.57% 25%); } } @keyframes s14 { - 0% { -webkit-clip-path: polygon(58.52% 0, 58.62% 0, 46.52% 24%, 46.42% 24%); } - 100% { -webkit-clip-path: polygon(58.52% 0, 58.62% 0, 46.02% 25%, 45.92% 25%); } + 0% { clip-path: polygon(58.52% 0, 58.62% 0, 46.52% 24%, 46.42% 24%); } + 100% { clip-path: polygon(58.52% 0, 58.62% 0, 46.02% 25%, 45.92% 25%); } } @keyframes s15 { - 0% { -webkit-clip-path: polygon(62.87% 0, 62.97% 0, 51.87% 22%, 51.77% 22%); } - 100% { -webkit-clip-path: polygon(62.87% 0, 62.97% 0, 51.37% 23%, 51.27% 23%); } + 0% { clip-path: polygon(62.87% 0, 62.97% 0, 51.87% 22%, 51.77% 22%); } + 100% { clip-path: polygon(62.87% 0, 62.97% 0, 51.37% 23%, 51.27% 23%); } } @keyframes s16 { - 0% { -webkit-clip-path: polygon(67.22% 0, 67.32% 0, 57.22% 20%, 57.12% 20%); } - 100% { -webkit-clip-path: polygon(67.22% 0, 67.32% 0, 56.72% 21%, 56.62% 21%); } + 0% { clip-path: polygon(67.22% 0, 67.32% 0, 57.22% 20%, 57.12% 20%); } + 100% { clip-path: polygon(67.22% 0, 67.32% 0, 56.72% 21%, 56.62% 21%); } } @keyframes s17 { - 0% { -webkit-clip-path: polygon(71.57% 0, 71.67% 0, 62.57% 18%, 62.47% 18%); } - 100% { -webkit-clip-path: polygon(71.57% 0, 71.67% 0, 62.07% 19%, 61.97% 19%); } + 0% { clip-path: polygon(71.57% 0, 71.67% 0, 62.57% 18%, 62.47% 18%); } + 100% { clip-path: polygon(71.57% 0, 71.67% 0, 62.07% 19%, 61.97% 19%); } } @keyframes s18 { - 0% { -webkit-clip-path: polygon(75.91% 0, 76.01% 0, 67.91% 16%, 67.81% 16%); } - 100% { -webkit-clip-path: polygon(75.91% 0, 76.01% 0, 67.41% 17%, 67.31% 17%); } + 0% { clip-path: polygon(75.91% 0, 76.01% 0, 67.91% 16%, 67.81% 16%); } + 100% { clip-path: polygon(75.91% 0, 76.01% 0, 67.41% 17%, 67.31% 17%); } } @keyframes s19 { - 0% { -webkit-clip-path: polygon(80.26% 0, 80.36% 0, 72.26% 16%, 72.16% 16%); } - 100% { -webkit-clip-path: polygon(80.26% 0, 80.36% 0, 71.76% 17%, 71.66% 17%); } + 0% { clip-path: polygon(80.26% 0, 80.36% 0, 72.26% 16%, 72.16% 16%); } + 100% { clip-path: polygon(80.26% 0, 80.36% 0, 71.76% 17%, 71.66% 17%); } } @keyframes s20 { - 0% { -webkit-clip-path: polygon(84.61% 0, 84.71% 0, 75.61% 18%, 75.51% 18%); } - 100% { -webkit-clip-path: polygon(84.61% 0, 84.71% 0, 75.11% 19%, 75.01% 19%); } + 0% { clip-path: polygon(84.61% 0, 84.71% 0, 75.61% 18%, 75.51% 18%); } + 100% { clip-path: polygon(84.61% 0, 84.71% 0, 75.11% 19%, 75.01% 19%); } } @keyframes s21 { - 0% { -webkit-clip-path: polygon(88.96% 0, 89.06% 0, 78.96% 20%, 78.86% 20%); } - 100% { -webkit-clip-path: polygon(88.96% 0, 89.06% 0, 78.46% 21%, 78.36% 21%); } + 0% { clip-path: polygon(88.96% 0, 89.06% 0, 78.96% 20%, 78.86% 20%); } + 100% { clip-path: polygon(88.96% 0, 89.06% 0, 78.46% 21%, 78.36% 21%); } } @keyframes s22 { - 0% { -webkit-clip-path: polygon(93.3% 0, 93.4% 0, 82.3% 22%, 82.2% 22%); } - 100% { -webkit-clip-path: polygon(93.3% 0, 93.4% 0, 81.8% 23%, 81.7% 23%); } + 0% { clip-path: polygon(93.3% 0, 93.4% 0, 82.3% 22%, 82.2% 22%); } + 100% { clip-path: polygon(93.3% 0, 93.4% 0, 81.8% 23%, 81.7% 23%); } } @keyframes s23 { - 0% { -webkit-clip-path: polygon(97.65% 0, 97.75% 0, 85.65% 24%, 85.55% 24%); } - 100% { -webkit-clip-path: polygon(97.65% 0, 97.75% 0, 85.15% 25%, 85.05% 25%); } + 0% { clip-path: polygon(97.65% 0, 97.75% 0, 85.65% 24%, 85.55% 24%); } + 100% { clip-path: polygon(97.65% 0, 97.75% 0, 85.15% 25%, 85.05% 25%); } } @keyframes s24 { - 0% { -webkit-clip-path: polygon(102.0% 0, 102.1% 0, 90.0% 24%, 89.9% 24%); } - 100% { -webkit-clip-path: polygon(102.0% 0, 102.1% 0, 89.5% 25%, 89.4% 25%); } + 0% { clip-path: polygon(102.0% 0, 102.1% 0, 90.0% 24%, 89.9% 24%); } + 100% { clip-path: polygon(102.0% 0, 102.1% 0, 89.5% 25%, 89.4% 25%); } } @keyframes s25 { - 0% { -webkit-clip-path: polygon(106.35% 0, 106.45% 0, 95.35% 22%, 95.25% 22%); } - 100% { -webkit-clip-path: polygon(106.35% 0, 106.45% 0, 94.85% 23%, 94.75% 23%); } + 0% { clip-path: polygon(106.35% 0, 106.45% 0, 95.35% 22%, 95.25% 22%); } + 100% { clip-path: polygon(106.35% 0, 106.45% 0, 94.85% 23%, 94.75% 23%); } } @keyframes s26 { - 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%); } + 0% { clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.0% 80%, 1.9% 80%); } + 100% { clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.5% 79%, 2.4% 79%); } } @keyframes s27 { - 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%); } + 0% { clip-path: polygon(-3.65% 100%, -3.55% 100%, 7.35% 78%, 7.25% 78%); } + 100% { clip-path: polygon(-3.65% 100%, -3.55% 100%, 7.85% 77%, 7.75% 77%); } } @keyframes s28 { - 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%); } + 0% { clip-path: polygon(0.7% 100%, 0.8% 100%, 12.7% 76%, 12.6% 76%); } + 100% { clip-path: polygon(0.7% 100%, 0.8% 100%, 13.2% 75%, 13.1% 75%); } } @keyframes s29 { - 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%); } + 0% { clip-path: polygon(5.04% 100%, 5.14% 100%, 17.04% 76%, 16.94% 76%); } + 100% { clip-path: polygon(5.04% 100%, 5.14% 100%, 17.54% 75%, 17.44% 75%); } } @keyframes s30 { - 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%); } + 0% { clip-path: polygon(9.39% 100%, 9.49% 100%, 20.39% 78%, 20.29% 78%); } + 100% { clip-path: polygon(9.39% 100%, 9.49% 100%, 20.89% 77%, 20.79% 77%); } } @keyframes s31 { - 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%); } + 0% { clip-path: polygon(13.74% 100%, 13.84% 100%, 23.74% 80%, 23.64% 80%); } + 100% { clip-path: polygon(13.74% 100%, 13.84% 100%, 24.24% 79%, 24.14% 79%); } } @keyframes s32 { - 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%); } + 0% { clip-path: polygon(18.09% 100%, 18.19% 100%, 27.09% 82%, 26.99% 82%); } + 100% { clip-path: polygon(18.09% 100%, 18.19% 100%, 27.59% 81%, 27.49% 81%); } } @keyframes s33 { - 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%); } + 0% { clip-path: polygon(22.43% 100%, 22.53% 100%, 30.43% 84%, 30.33% 84%); } + 100% { clip-path: polygon(22.43% 100%, 22.53% 100%, 30.93% 83%, 30.83% 83%); } } @keyframes s34 { - 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%); } + 0% { clip-path: polygon(26.78% 100%, 26.88% 100%, 34.78% 84%, 34.68% 84%); } + 100% { clip-path: polygon(26.78% 100%, 26.88% 100%, 35.28% 83%, 35.18% 83%); } } @keyframes s35 { - 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%); } + 0% { clip-path: polygon(31.13% 100%, 31.23% 100%, 40.13% 82%, 40.03% 82%); } + 100% { clip-path: polygon(31.13% 100%, 31.23% 100%, 40.63% 81%, 40.53% 81%); } } @keyframes s36 { - 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%); } + 0% { clip-path: polygon(35.48% 100%, 35.58% 100%, 45.48% 80%, 45.38% 80%); } + 100% { clip-path: polygon(35.48% 100%, 35.58% 100%, 45.98% 79%, 45.88% 79%); } } @keyframes s37 { - 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%); } + 0% { clip-path: polygon(39.83% 100%, 39.93% 100%, 50.83% 78%, 50.73% 78%); } + 100% { clip-path: polygon(39.83% 100%, 39.93% 100%, 51.33% 77%, 51.23% 77%); } } @keyframes s38 { - 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%); } + 0% { clip-path: polygon(44.17% 100%, 44.27% 100%, 56.17% 76%, 56.07% 76%); } + 100% { clip-path: polygon(44.17% 100%, 44.27% 100%, 56.67% 75%, 56.57% 75%); } } @keyframes s39 { - 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%); } + 0% { clip-path: polygon(48.52% 100%, 48.62% 100%, 60.52% 76%, 60.42% 76%); } + 100% { clip-path: polygon(48.52% 100%, 48.62% 100%, 61.02% 75%, 60.92% 75%); } } @keyframes s40 { - 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%); } + 0% { clip-path: polygon(52.87% 100%, 52.97% 100%, 63.87% 78%, 63.77% 78%); } + 100% { clip-path: polygon(52.87% 100%, 52.97% 100%, 64.37% 77%, 64.27% 77%); } } @keyframes s41 { - 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%); } + 0% { clip-path: polygon(57.22% 100%, 57.32% 100%, 67.22% 80%, 67.12% 80%); } + 100% { clip-path: polygon(57.22% 100%, 57.32% 100%, 67.72% 79%, 67.62% 79%); } } @keyframes s42 { - 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%); } + 0% { clip-path: polygon(61.57% 100%, 61.67% 100%, 70.57% 82%, 70.47% 82%); } + 100% { clip-path: polygon(61.57% 100%, 61.67% 100%, 71.07% 81%, 70.97% 81%); } } @keyframes s43 { - 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%); } + 0% { clip-path: polygon(65.91% 100%, 66.01% 100%, 73.91% 84%, 73.81% 84%); } + 100% { clip-path: polygon(65.91% 100%, 66.01% 100%, 74.41% 83%, 74.31% 83%); } } @keyframes s44 { - 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%); } + 0% { clip-path: polygon(70.26% 100%, 70.36% 100%, 78.26% 84%, 78.16% 84%); } + 100% { clip-path: polygon(70.26% 100%, 70.36% 100%, 78.76% 83%, 78.66% 83%); } } @keyframes s45 { - 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%); } + 0% { clip-path: polygon(74.61% 100%, 74.71% 100%, 83.61% 82%, 83.51% 82%); } + 100% { clip-path: polygon(74.61% 100%, 74.71% 100%, 84.11% 81%, 84.01% 81%); } } @keyframes s46 { - 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%); } + 0% { clip-path: polygon(78.96% 100%, 79.06% 100%, 88.96% 80%, 88.86% 80%); } + 100% { clip-path: polygon(78.96% 100%, 79.06% 100%, 89.46% 79%, 89.36% 79%); } } @keyframes s47 { - 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%); } + 0% { clip-path: polygon(83.3% 100%, 83.4% 100%, 94.3% 78%, 94.2% 78%); } + 100% { clip-path: polygon(83.3% 100%, 83.4% 100%, 94.8% 77%, 94.7% 77%); } } @keyframes s48 { - 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%); } + 0% { clip-path: polygon(87.65% 100%, 87.75% 100%, 99.65% 76%, 99.55% 76%); } + 100% { clip-path: polygon(87.65% 100%, 87.75% 100%, 100.15% 75%, 100.05% 75%); } } @keyframes s49 { - 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%); } + 0% { clip-path: polygon(92.0% 100%, 92.1% 100%, 104.0% 76%, 103.9% 76%); } + 100% { clip-path: polygon(92.0% 100%, 92.1% 100%, 104.5% 75%, 104.4% 75%); } } @keyframes s50 { - 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%); } + 0% { clip-path: polygon(96.35% 100%, 96.45% 100%, 107.35% 78%, 107.25% 78%); } + 100% { 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, -8.5% 23%, -8.6% 23%); } - 100% { -webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.0% 24%, -9.1% 24%); } + 0% { clip-path: polygon(3.0% 0, 3.1% 0, -9.5% 25%, -9.6% 25%); } + 100% { clip-path: polygon(3.0% 0, 3.1% 0, -10.0% 26%, -10.1% 26%); } } @keyframes s52 { - 0% { -webkit-clip-path: polygon(7.35% 0, 7.45% 0, -5.65% 26%, -5.75% 26%); } - 100% { -webkit-clip-path: polygon(7.35% 0, 7.45% 0, -6.15% 27%, -6.25% 27%); } + 0% { clip-path: polygon(7.35% 0, 7.45% 0, -5.65% 26%, -5.75% 26%); } + 100% { clip-path: polygon(7.35% 0, 7.45% 0, -6.15% 27%, -6.25% 27%); } } @keyframes s53 { - 0% { -webkit-clip-path: polygon(11.7% 0, 11.8% 0, -1.8% 27%, -1.9% 27%); } - 100% { -webkit-clip-path: polygon(11.7% 0, 11.8% 0, -2.3% 28%, -2.4% 28%); } + 0% { clip-path: polygon(11.7% 0, 11.8% 0, -1.8% 27%, -1.9% 27%); } + 100% { clip-path: polygon(11.7% 0, 11.8% 0, -2.3% 28%, -2.4% 28%); } } @keyframes s54 { - 0% { -webkit-clip-path: polygon(16.04% 0, 16.14% 0, 1.54% 29%, 1.44% 29%); } - 100% { -webkit-clip-path: polygon(16.04% 0, 16.14% 0, 1.04% 30%, 0.94% 30%); } + 0% { clip-path: polygon(16.04% 0, 16.14% 0, 2.04% 28%, 1.94% 28%); } + 100% { clip-path: polygon(16.04% 0, 16.14% 0, 1.54% 29%, 1.44% 29%); } } @keyframes s55 { - 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%); } + 0% { clip-path: polygon(20.39% 0, 20.49% 0, 7.89% 25%, 7.79% 25%); } + 100% { clip-path: polygon(20.39% 0, 20.49% 0, 7.39% 26%, 7.29% 26%); } } @keyframes s56 { - 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%); } + 0% { clip-path: polygon(24.74% 0, 24.84% 0, 12.74% 24%, 12.64% 24%); } + 100% { clip-path: polygon(24.74% 0, 24.84% 0, 12.24% 25%, 12.14% 25%); } } @keyframes s57 { - 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%); } + 0% { clip-path: polygon(29.09% 0, 29.19% 0, 17.59% 23%, 17.49% 23%); } + 100% { clip-path: polygon(29.09% 0, 29.19% 0, 17.09% 24%, 16.99% 24%); } } @keyframes s58 { - 0% { -webkit-clip-path: polygon(33.43% 0, 33.53% 0, 23.43% 20%, 23.33% 20%); } - 100% { -webkit-clip-path: polygon(33.43% 0, 33.53% 0, 22.93% 21%, 22.83% 21%); } + 0% { clip-path: polygon(33.43% 0, 33.53% 0, 22.93% 21%, 22.83% 21%); } + 100% { clip-path: polygon(33.43% 0, 33.53% 0, 22.43% 22%, 22.33% 22%); } } @keyframes s59 { - 0% { -webkit-clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%); } - 100% { -webkit-clip-path: polygon(37.78% 0, 37.88% 0, 26.78% 22%, 26.68% 22%); } + 0% { clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%); } + 100% { clip-path: polygon(37.78% 0, 37.88% 0, 26.78% 22%, 26.68% 22%); } } @keyframes s60 { - 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%); } + 0% { clip-path: polygon(42.13% 0, 42.23% 0, 30.63% 23%, 30.53% 23%); } + 100% { clip-path: polygon(42.13% 0, 42.23% 0, 30.13% 24%, 30.03% 24%); } } @keyframes s61 { - 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%); } + 0% { clip-path: polygon(46.48% 0, 46.58% 0, 34.98% 23%, 34.88% 23%); } + 100% { clip-path: polygon(46.48% 0, 46.58% 0, 34.48% 24%, 34.38% 24%); } } @keyframes s62 { - 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%); } + 0% { clip-path: polygon(50.83% 0, 50.93% 0, 38.33% 25%, 38.23% 25%); } + 100% { clip-path: polygon(50.83% 0, 50.93% 0, 37.83% 26%, 37.73% 26%); } } @keyframes s63 { - 0% { -webkit-clip-path: polygon(55.17% 0, 55.27% 0, 41.17% 28%, 41.07% 28%); } - 100% { -webkit-clip-path: polygon(55.17% 0, 55.27% 0, 40.67% 29%, 40.57% 29%); } + 0% { clip-path: polygon(55.17% 0, 55.27% 0, 41.67% 27%, 41.57% 27%); } + 100% { clip-path: polygon(55.17% 0, 55.27% 0, 41.17% 28%, 41.07% 28%); } } @keyframes s64 { - 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%); } + 0% { clip-path: polygon(59.52% 0, 59.62% 0, 45.52% 28%, 45.42% 28%); } + 100% { clip-path: polygon(59.52% 0, 59.62% 0, 45.02% 29%, 44.92% 29%); } } @keyframes s65 { - 0% { -webkit-clip-path: polygon(63.87% 0, 63.97% 0, 50.87% 26%, 50.77% 26%); } - 100% { -webkit-clip-path: polygon(63.87% 0, 63.97% 0, 50.37% 27%, 50.27% 27%); } + 0% { clip-path: polygon(63.87% 0, 63.97% 0, 50.37% 27%, 50.27% 27%); } + 100% { clip-path: polygon(63.87% 0, 63.97% 0, 49.87% 28%, 49.77% 28%); } } @keyframes s66 { - 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%); } + 0% { clip-path: polygon(68.22% 0, 68.32% 0, 55.72% 25%, 55.62% 25%); } + 100% { clip-path: polygon(68.22% 0, 68.32% 0, 55.22% 26%, 55.12% 26%); } } @keyframes s67 { - 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%); } + 0% { clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%); } + 100% { clip-path: polygon(72.57% 0, 72.67% 0, 60.57% 24%, 60.47% 24%); } } @keyframes s68 { - 0% { -webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.41% 21%, 66.31% 21%); } - 100% { -webkit-clip-path: polygon(76.91% 0, 77.01% 0, 65.91% 22%, 65.81% 22%); } + 0% { clip-path: polygon(76.91% 0, 77.01% 0, 66.41% 21%, 66.31% 21%); } + 100% { clip-path: polygon(76.91% 0, 77.01% 0, 65.91% 22%, 65.81% 22%); } } @keyframes s69 { - 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%); } + 0% { clip-path: polygon(81.26% 0, 81.36% 0, 71.26% 20%, 71.16% 20%); } + 100% { 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.61% 22%, 74.51% 22%); } - 100% { -webkit-clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%); } + 0% { clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%); } + 100% { clip-path: polygon(85.61% 0, 85.71% 0, 73.61% 24%, 73.51% 24%); } } @keyframes s71 { - 0% { -webkit-clip-path: polygon(89.96% 0, 90.06% 0, 77.96% 24%, 77.86% 24%); } - 100% { -webkit-clip-path: polygon(89.96% 0, 90.06% 0, 77.46% 25%, 77.36% 25%); } + 0% { clip-path: polygon(89.96% 0, 90.06% 0, 78.46% 23%, 78.36% 23%); } + 100% { clip-path: polygon(89.96% 0, 90.06% 0, 77.96% 24%, 77.86% 24%); } } @keyframes s72 { - 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%); } + 0% { clip-path: polygon(94.3% 0, 94.4% 0, 81.3% 26%, 81.2% 26%); } + 100% { clip-path: polygon(94.3% 0, 94.4% 0, 80.8% 27%, 80.7% 27%); } } @keyframes s73 { - 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%); } + 0% { clip-path: polygon(98.65% 0, 98.75% 0, 85.15% 27%, 85.05% 27%); } + 100% { clip-path: polygon(98.65% 0, 98.75% 0, 84.65% 28%, 84.55% 28%); } } @keyframes s74 { - 0% { -webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.5% 27%, 89.4% 27%); } - 100% { -webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.0% 28%, 88.9% 28%); } + 0% { clip-path: polygon(103.0% 0, 103.1% 0, 88.5% 29%, 88.4% 29%); } + 100% { clip-path: polygon(103.0% 0, 103.1% 0, 88.0% 30%, 87.9% 30%); } } @keyframes s75 { - 0% { -webkit-clip-path: polygon(107.35% 0, 107.45% 0, 94.85% 25%, 94.75% 25%); } - 100% { -webkit-clip-path: polygon(107.35% 0, 107.45% 0, 94.35% 26%, 94.25% 26%); } + 0% { clip-path: polygon(107.35% 0, 107.45% 0, 94.35% 26%, 94.25% 26%); } + 100% { clip-path: polygon(107.35% 0, 107.45% 0, 93.85% 27%, 93.75% 27%); } } @keyframes s76 { - 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%); } + 0% { clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.5% 75%, 7.4% 75%); } + 100% { clip-path: polygon(-5.0% 100%, -4.9% 100%, 8.0% 74%, 7.9% 74%); } } @keyframes s77 { - 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%); } + 0% { clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.85% 73%, 12.75% 73%); } + 100% { clip-path: polygon(-0.65% 100%, -0.55% 100%, 13.35% 72%, 13.25% 72%); } } @keyframes s78 { - 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%); } + 0% { clip-path: polygon(3.7% 100%, 3.8% 100%, 17.2% 73%, 17.1% 73%); } + 100% { clip-path: polygon(3.7% 100%, 3.8% 100%, 17.7% 72%, 17.6% 72%); } } @keyframes s79 { - 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%); } + 0% { clip-path: polygon(8.04% 100%, 8.14% 100%, 22.54% 71%, 22.44% 71%); } + 100% { clip-path: polygon(8.04% 100%, 8.14% 100%, 23.04% 70%, 22.94% 70%); } } @keyframes s80 { - 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%); } + 0% { clip-path: polygon(12.39% 100%, 12.49% 100%, 25.39% 74%, 25.29% 74%); } + 100% { clip-path: polygon(12.39% 100%, 12.49% 100%, 25.89% 73%, 25.79% 73%); } } @keyframes s81 { - 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%); } + 0% { clip-path: polygon(16.74% 100%, 16.84% 100%, 28.24% 77%, 28.14% 77%); } + 100% { clip-path: polygon(16.74% 100%, 16.84% 100%, 28.74% 76%, 28.64% 76%); } } @keyframes s82 { - 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%); } + 0% { clip-path: polygon(21.09% 100%, 21.19% 100%, 31.59% 79%, 31.49% 79%); } + 100% { clip-path: polygon(21.09% 100%, 21.19% 100%, 32.09% 78%, 31.99% 78%); } } @keyframes s83 { - 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%); } + 0% { clip-path: polygon(25.43% 100%, 25.53% 100%, 35.93% 79%, 35.83% 79%); } + 100% { clip-path: polygon(25.43% 100%, 25.53% 100%, 36.43% 78%, 36.33% 78%); } } @keyframes s84 { - 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%); } + 0% { clip-path: polygon(29.78% 100%, 29.88% 100%, 39.28% 81%, 39.18% 81%); } + 100% { clip-path: polygon(29.78% 100%, 29.88% 100%, 39.78% 80%, 39.68% 80%); } } @keyframes s85 { - 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%); } + 0% { clip-path: polygon(34.13% 100%, 34.23% 100%, 45.13% 78%, 45.03% 78%); } + 100% { clip-path: polygon(34.13% 100%, 34.23% 100%, 45.63% 77%, 45.53% 77%); } } @keyframes s86 { - 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%); } + 0% { clip-path: polygon(38.48% 100%, 38.58% 100%, 49.98% 77%, 49.88% 77%); } + 100% { clip-path: polygon(38.48% 100%, 38.58% 100%, 50.48% 76%, 50.38% 76%); } } @keyframes s87 { - 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%); } + 0% { clip-path: polygon(42.83% 100%, 42.93% 100%, 55.83% 74%, 55.73% 74%); } + 100% { clip-path: polygon(42.83% 100%, 42.93% 100%, 56.33% 73%, 56.23% 73%); } } @keyframes s88 { - 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%); } + 0% { clip-path: polygon(47.17% 100%, 47.27% 100%, 61.17% 72%, 61.07% 72%); } + 100% { clip-path: polygon(47.17% 100%, 47.27% 100%, 61.67% 71%, 61.57% 71%); } } @keyframes s89 { - 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%); } + 0% { clip-path: polygon(51.52% 100%, 51.62% 100%, 66.02% 71%, 65.92% 71%); } + 100% { clip-path: polygon(51.52% 100%, 51.62% 100%, 66.52% 70%, 66.42% 70%); } } @keyframes s90 { - 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%); } + 0% { clip-path: polygon(55.87% 100%, 55.97% 100%, 68.87% 74%, 68.77% 74%); } + 100% { clip-path: polygon(55.87% 100%, 55.97% 100%, 69.37% 73%, 69.27% 73%); } } @keyframes s91 { - 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%); } + 0% { clip-path: polygon(60.22% 100%, 60.32% 100%, 72.72% 75%, 72.62% 75%); } + 100% { clip-path: polygon(60.22% 100%, 60.32% 100%, 73.22% 74%, 73.12% 74%); } } @keyframes s92 { - 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%); } + 0% { clip-path: polygon(64.57% 100%, 64.67% 100%, 75.57% 78%, 75.47% 78%); } + 100% { clip-path: polygon(64.57% 100%, 64.67% 100%, 76.07% 77%, 75.97% 77%); } } @keyframes s93 { - 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%); } + 0% { clip-path: polygon(68.91% 100%, 69.01% 100%, 79.41% 79%, 79.31% 79%); } + 100% { clip-path: polygon(68.91% 100%, 69.01% 100%, 79.91% 78%, 79.81% 78%); } } @keyframes s94 { - 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%); } + 0% { clip-path: polygon(73.26% 100%, 73.36% 100%, 83.76% 79%, 83.66% 79%); } + 100% { clip-path: polygon(73.26% 100%, 73.36% 100%, 84.26% 78%, 84.16% 78%); } } @keyframes s95 { - 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%); } + 0% { clip-path: polygon(77.61% 100%, 77.71% 100%, 88.61% 78%, 88.51% 78%); } + 100% { clip-path: polygon(77.61% 100%, 77.71% 100%, 89.11% 77%, 89.01% 77%); } } @keyframes s96 { - 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%); } + 0% { clip-path: polygon(81.96% 100%, 82.06% 100%, 93.96% 76%, 93.86% 76%); } + 100% { clip-path: polygon(81.96% 100%, 82.06% 100%, 94.46% 75%, 94.36% 75%); } } @keyframes s97 { - 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%); } + 0% { clip-path: polygon(86.3% 100%, 86.4% 100%, 99.8% 73%, 99.7% 73%); } + 100% { clip-path: polygon(86.3% 100%, 86.4% 100%, 100.3% 72%, 100.2% 72%); } } @keyframes s98 { - 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%); } + 0% { clip-path: polygon(90.65% 100%, 90.75% 100%, 104.65% 72%, 104.55% 72%); } + 100% { clip-path: polygon(90.65% 100%, 90.75% 100%, 105.15% 71%, 105.05% 71%); } } @keyframes s99 { - 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%); } + 0% { clip-path: polygon(95.0% 100%, 95.1% 100%, 108.5% 73%, 108.4% 73%); } + 100% { clip-path: polygon(95.0% 100%, 95.1% 100%, 109.0% 72%, 108.9% 72%); } } @keyframes s100 { - 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%); } + 0% { clip-path: polygon(99.35% 100%, 99.45% 100%, 112.35% 74%, 112.25% 74%); } + 100% { clip-path: polygon(99.35% 100%, 99.45% 100%, 112.85% 73%, 112.75% 73%); } } #bgWrap div:nth-child(1) { animation: s1 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(2.0% 0, 2.1% 0, -8.0% 20%, -8.1% 20%); + clip-path: polygon(2.0% 0, 2.1% 0, -8.0% 20%, -8.1% 20%); } #bgWrap div:nth-child(2) { animation: s2 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(6.35% 0, 6.45% 0, -4.65% 22%, -4.75% 22%); + clip-path: polygon(6.35% 0, 6.45% 0, -4.65% 22%, -4.75% 22%); } #bgWrap div:nth-child(3) { animation: s3 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(10.7% 0, 10.8% 0, -1.3% 24%, -1.4% 24%); + clip-path: polygon(10.7% 0, 10.8% 0, -1.3% 24%, -1.4% 24%); } #bgWrap div:nth-child(4) { animation: s4 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(15.04% 0, 15.14% 0, 3.04% 24%, 2.94% 24%); + clip-path: polygon(15.04% 0, 15.14% 0, 3.04% 24%, 2.94% 24%); } #bgWrap div:nth-child(5) { animation: s5 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(19.39% 0, 19.49% 0, 8.39% 22%, 8.29% 22%); + clip-path: polygon(19.39% 0, 19.49% 0, 8.39% 22%, 8.29% 22%); } #bgWrap div:nth-child(6) { animation: s6 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(23.74% 0, 23.84% 0, 13.74% 20%, 13.64% 20%); + clip-path: polygon(23.74% 0, 23.84% 0, 13.74% 20%, 13.64% 20%); } #bgWrap div:nth-child(7) { animation: s7 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(28.09% 0, 28.19% 0, 19.09% 18%, 18.99% 18%); + clip-path: polygon(28.09% 0, 28.19% 0, 19.09% 18%, 18.99% 18%); } #bgWrap div:nth-child(8) { animation: s8 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(32.43% 0, 32.53% 0, 24.43% 16%, 24.33% 16%); + clip-path: polygon(32.43% 0, 32.53% 0, 24.43% 16%, 24.33% 16%); } #bgWrap div:nth-child(9) { animation: s9 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(36.78% 0, 36.88% 0, 28.78% 16%, 28.68% 16%); + clip-path: polygon(36.78% 0, 36.88% 0, 28.78% 16%, 28.68% 16%); } #bgWrap div:nth-child(10) { animation: s10 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(41.13% 0, 41.23% 0, 32.13% 18%, 32.03% 18%); + clip-path: polygon(41.13% 0, 41.23% 0, 32.13% 18%, 32.03% 18%); } #bgWrap div:nth-child(11) { animation: s11 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(45.48% 0, 45.58% 0, 35.48% 20%, 35.38% 20%); + clip-path: polygon(45.48% 0, 45.58% 0, 35.48% 20%, 35.38% 20%); } #bgWrap div:nth-child(12) { animation: s12 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(49.83% 0, 49.93% 0, 38.83% 22%, 38.73% 22%); + clip-path: polygon(49.83% 0, 49.93% 0, 38.83% 22%, 38.73% 22%); } #bgWrap div:nth-child(13) { animation: s13 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(54.17% 0, 54.27% 0, 42.17% 24%, 42.07% 24%); + clip-path: polygon(54.17% 0, 54.27% 0, 42.17% 24%, 42.07% 24%); } #bgWrap div:nth-child(14) { animation: s14 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(58.52% 0, 58.62% 0, 46.52% 24%, 46.42% 24%); + clip-path: polygon(58.52% 0, 58.62% 0, 46.52% 24%, 46.42% 24%); } #bgWrap div:nth-child(15) { animation: s15 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(62.87% 0, 62.97% 0, 51.87% 22%, 51.77% 22%); + clip-path: polygon(62.87% 0, 62.97% 0, 51.87% 22%, 51.77% 22%); } #bgWrap div:nth-child(16) { animation: s16 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(67.22% 0, 67.32% 0, 57.22% 20%, 57.12% 20%); + clip-path: polygon(67.22% 0, 67.32% 0, 57.22% 20%, 57.12% 20%); } #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%); + clip-path: polygon(71.57% 0, 71.67% 0, 62.57% 18%, 62.47% 18%); } #bgWrap div:nth-child(18) { animation: s18 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(75.91% 0, 76.01% 0, 67.91% 16%, 67.81% 16%); + clip-path: polygon(75.91% 0, 76.01% 0, 67.91% 16%, 67.81% 16%); } #bgWrap div:nth-child(19) { animation: s19 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(80.26% 0, 80.36% 0, 72.26% 16%, 72.16% 16%); + clip-path: polygon(80.26% 0, 80.36% 0, 72.26% 16%, 72.16% 16%); } #bgWrap div:nth-child(20) { animation: s20 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(84.61% 0, 84.71% 0, 75.61% 18%, 75.51% 18%); + clip-path: polygon(84.61% 0, 84.71% 0, 75.61% 18%, 75.51% 18%); } #bgWrap div:nth-child(21) { animation: s21 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(88.96% 0, 89.06% 0, 78.96% 20%, 78.86% 20%); + clip-path: polygon(88.96% 0, 89.06% 0, 78.96% 20%, 78.86% 20%); } #bgWrap div:nth-child(22) { animation: s22 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(93.3% 0, 93.4% 0, 82.3% 22%, 82.2% 22%); + clip-path: polygon(93.3% 0, 93.4% 0, 82.3% 22%, 82.2% 22%); } #bgWrap div:nth-child(23) { animation: s23 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(97.65% 0, 97.75% 0, 85.65% 24%, 85.55% 24%); + clip-path: polygon(97.65% 0, 97.75% 0, 85.65% 24%, 85.55% 24%); } #bgWrap div:nth-child(24) { animation: s24 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(102.0% 0, 102.1% 0, 90.0% 24%, 89.9% 24%); + clip-path: polygon(102.0% 0, 102.1% 0, 90.0% 24%, 89.9% 24%); } #bgWrap div:nth-child(25) { animation: s25 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(106.35% 0, 106.45% 0, 95.35% 22%, 95.25% 22%); + clip-path: polygon(106.35% 0, 106.45% 0, 95.35% 22%, 95.25% 22%); } #bgWrap div:nth-child(26) { animation: s26 ease-in-out 3s infinite alternate; - -webkit-clip-path: polygon(-8.0% 100%, -7.9% 100%, 2.0% 80%, 1.9% 80%); + 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(-3.65% 100%, -3.55% 100%, 7.35% 78%, 7.25% 78%); + 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.7% 100%, 0.8% 100%, 12.7% 76%, 12.6% 76%); + 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(5.04% 100%, 5.14% 100%, 17.04% 76%, 16.94% 76%); + 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(9.39% 100%, 9.49% 100%, 20.39% 78%, 20.29% 78%); + 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(13.74% 100%, 13.84% 100%, 23.74% 80%, 23.64% 80%); + 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(18.09% 100%, 18.19% 100%, 27.09% 82%, 26.99% 82%); + 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; background-color: #272727; - -webkit-clip-path: polygon(22.43% 100%, 22.53% 100%, 30.43% 84%, 30.33% 84%); + 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(26.78% 100%, 26.88% 100%, 34.78% 84%, 34.68% 84%); + 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(31.13% 100%, 31.23% 100%, 40.13% 82%, 40.03% 82%); + 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(35.48% 100%, 35.58% 100%, 45.48% 80%, 45.38% 80%); + 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(39.83% 100%, 39.93% 100%, 50.83% 78%, 50.73% 78%); + 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(44.17% 100%, 44.27% 100%, 56.17% 76%, 56.07% 76%); + 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(48.52% 100%, 48.62% 100%, 60.52% 76%, 60.42% 76%); + 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(52.87% 100%, 52.97% 100%, 63.87% 78%, 63.77% 78%); + 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(57.22% 100%, 57.32% 100%, 67.22% 80%, 67.12% 80%); + 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(61.57% 100%, 61.67% 100%, 70.57% 82%, 70.47% 82%); + 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(65.91% 100%, 66.01% 100%, 73.91% 84%, 73.81% 84%); + 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(70.26% 100%, 70.36% 100%, 78.26% 84%, 78.16% 84%); + 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(74.61% 100%, 74.71% 100%, 83.61% 82%, 83.51% 82%); + 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(78.96% 100%, 79.06% 100%, 88.96% 80%, 88.86% 80%); + 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(83.3% 100%, 83.4% 100%, 94.3% 78%, 94.2% 78%); + 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(87.65% 100%, 87.75% 100%, 99.65% 76%, 99.55% 76%); + 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(92.0% 100%, 92.1% 100%, 104.0% 76%, 103.9% 76%); + 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(96.35% 100%, 96.45% 100%, 107.35% 78%, 107.25% 78%); + 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, -8.5% 23%, -8.6% 23%); + clip-path: polygon(3.0% 0, 3.1% 0, -9.5% 25%, -9.6% 25%); } #bgWrap div:nth-child(52) { animation: s52 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(7.35% 0, 7.45% 0, -5.65% 26%, -5.75% 26%); + clip-path: polygon(7.35% 0, 7.45% 0, -5.65% 26%, -5.75% 26%); } #bgWrap div:nth-child(53) { animation: s53 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(11.7% 0, 11.8% 0, -1.8% 27%, -1.9% 27%); + clip-path: polygon(11.7% 0, 11.8% 0, -1.8% 27%, -1.9% 27%); } #bgWrap div:nth-child(54) { animation: s54 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(16.04% 0, 16.14% 0, 1.54% 29%, 1.44% 29%); + clip-path: polygon(16.04% 0, 16.14% 0, 2.04% 28%, 1.94% 28%); } #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.39% 26%, 7.29% 26%); + clip-path: polygon(20.39% 0, 20.49% 0, 7.89% 25%, 7.79% 25%); } #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, 12.24% 25%, 12.14% 25%); + clip-path: polygon(24.74% 0, 24.84% 0, 12.74% 24%, 12.64% 24%); } #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.59% 21%, 18.49% 21%); + clip-path: polygon(29.09% 0, 29.19% 0, 17.59% 23%, 17.49% 23%); } #bgWrap div:nth-child(58) { animation: s58 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(33.43% 0, 33.53% 0, 23.43% 20%, 23.33% 20%); + clip-path: polygon(33.43% 0, 33.53% 0, 22.93% 21%, 22.83% 21%); } #bgWrap div:nth-child(59) { animation: s59 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%); + clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%); } #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, 31.63% 21%, 31.53% 21%); + clip-path: polygon(42.13% 0, 42.23% 0, 30.63% 23%, 30.53% 23%); } #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, 33.98% 25%, 33.88% 25%); + clip-path: polygon(46.48% 0, 46.58% 0, 34.98% 23%, 34.88% 23%); } #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.83% 26%, 37.73% 26%); + clip-path: polygon(50.83% 0, 50.93% 0, 38.33% 25%, 38.23% 25%); } #bgWrap div:nth-child(63) { animation: s63 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(55.17% 0, 55.27% 0, 41.17% 28%, 41.07% 28%); + clip-path: polygon(55.17% 0, 55.27% 0, 41.67% 27%, 41.57% 27%); } #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, 45.52% 28%, 45.42% 28%); + clip-path: polygon(59.52% 0, 59.62% 0, 45.52% 28%, 45.42% 28%); } #bgWrap div:nth-child(65) { animation: s65 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(63.87% 0, 63.97% 0, 50.87% 26%, 50.77% 26%); + clip-path: polygon(63.87% 0, 63.97% 0, 50.37% 27%, 50.27% 27%); } #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, 56.22% 24%, 56.12% 24%); + clip-path: polygon(68.22% 0, 68.32% 0, 55.72% 25%, 55.62% 25%); } #bgWrap div:nth-child(67) { animation: s67 ease-in-out 3s infinite alternate; background-color: #272727;background-color: #b5b5b5; - -webkit-clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%); + clip-path: polygon(72.57% 0, 72.67% 0, 61.07% 23%, 60.97% 23%); } #bgWrap div:nth-child(68) { animation: s68 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.41% 21%, 66.31% 21%); + clip-path: polygon(76.91% 0, 77.01% 0, 66.41% 21%, 66.31% 21%); } #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.26% 20%, 71.16% 20%); + 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.61% 22%, 74.51% 22%); + clip-path: polygon(85.61% 0, 85.71% 0, 74.11% 23%, 74.01% 23%); } #bgWrap div:nth-child(71) { animation: s71 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(89.96% 0, 90.06% 0, 77.96% 24%, 77.86% 24%); + clip-path: polygon(89.96% 0, 90.06% 0, 78.46% 23%, 78.36% 23%); } #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.8% 25%, 81.7% 25%); + clip-path: polygon(94.3% 0, 94.4% 0, 81.3% 26%, 81.2% 26%); } #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, 84.15% 29%, 84.05% 29%); + clip-path: polygon(98.65% 0, 98.75% 0, 85.15% 27%, 85.05% 27%); } #bgWrap div:nth-child(74) { animation: s74 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.5% 27%, 89.4% 27%); + clip-path: polygon(103.0% 0, 103.1% 0, 88.5% 29%, 88.4% 29%); } #bgWrap div:nth-child(75) { animation: s75 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(107.35% 0, 107.45% 0, 94.85% 25%, 94.75% 25%); + clip-path: polygon(107.35% 0, 107.45% 0, 94.35% 26%, 94.25% 26%); } #bgWrap div:nth-child(76) { animation: s76 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.0% 76%, 6.9% 76%); + clip-path: polygon(-5.0% 100%, -4.9% 100%, 7.5% 75%, 7.4% 75%); } #bgWrap div:nth-child(77) { animation: s77 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.35% 74%, 12.25% 74%); + clip-path: polygon(-0.65% 100%, -0.55% 100%, 12.85% 73%, 12.75% 73%); } #bgWrap div:nth-child(78) { animation: s78 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(3.7% 100%, 3.8% 100%, 17.7% 72%, 17.6% 72%); + clip-path: polygon(3.7% 100%, 3.8% 100%, 17.2% 73%, 17.1% 73%); } #bgWrap div:nth-child(79) { animation: s79 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(8.04% 100%, 8.14% 100%, 21.54% 73%, 21.44% 73%); + clip-path: polygon(8.04% 100%, 8.14% 100%, 22.54% 71%, 22.44% 71%); } #bgWrap div:nth-child(80) { animation: s80 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(12.39% 100%, 12.49% 100%, 25.89% 73%, 25.79% 73%); + clip-path: polygon(12.39% 100%, 12.49% 100%, 25.39% 74%, 25.29% 74%); } #bgWrap div:nth-child(81) { animation: s81 ease-in-out 3s infinite alternate; background-color: #272727; - -webkit-clip-path: polygon(16.74% 100%, 16.84% 100%, 29.24% 75%, 29.14% 75%); + clip-path: polygon(16.74% 100%, 16.84% 100%, 28.24% 77%, 28.14% 77%); } #bgWrap div:nth-child(82) { animation: s82 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(21.09% 100%, 21.19% 100%, 32.59% 77%, 32.49% 77%); + clip-path: polygon(21.09% 100%, 21.19% 100%, 31.59% 79%, 31.49% 79%); } #bgWrap div:nth-child(83) { animation: s83 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(25.43% 100%, 25.53% 100%, 34.93% 81%, 34.83% 81%); + clip-path: polygon(25.43% 100%, 25.53% 100%, 35.93% 79%, 35.83% 79%); } #bgWrap div:nth-child(84) { animation: s84 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(29.78% 100%, 29.88% 100%, 40.28% 79%, 40.18% 79%); + clip-path: polygon(29.78% 100%, 29.88% 100%, 39.28% 81%, 39.18% 81%); } #bgWrap div:nth-child(85) { animation: s85 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(34.13% 100%, 34.23% 100%, 44.63% 79%, 44.53% 79%); + clip-path: polygon(34.13% 100%, 34.23% 100%, 45.13% 78%, 45.03% 78%); } #bgWrap div:nth-child(86) { animation: s86 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(38.48% 100%, 38.58% 100%, 49.98% 77%, 49.88% 77%); + 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(42.83% 100%, 42.93% 100%, 55.83% 74%, 55.73% 74%); + 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(47.17% 100%, 47.27% 100%, 61.67% 71%, 61.57% 71%); + clip-path: polygon(47.17% 100%, 47.27% 100%, 61.17% 72%, 61.07% 72%); } #bgWrap div:nth-child(89) { animation: s89 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(51.52% 100%, 51.62% 100%, 65.02% 73%, 64.92% 73%); + clip-path: polygon(51.52% 100%, 51.62% 100%, 66.02% 71%, 65.92% 71%); } #bgWrap div:nth-child(90) { animation: s90 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(55.87% 100%, 55.97% 100%, 68.87% 74%, 68.77% 74%); + 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(60.22% 100%, 60.32% 100%, 72.22% 76%, 72.12% 76%); + clip-path: polygon(60.22% 100%, 60.32% 100%, 72.72% 75%, 72.62% 75%); } #bgWrap div:nth-child(92) { animation: s92 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(64.57% 100%, 64.67% 100%, 75.57% 78%, 75.47% 78%); + 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(68.91% 100%, 69.01% 100%, 78.91% 80%, 78.81% 80%); + clip-path: polygon(68.91% 100%, 69.01% 100%, 79.41% 79%, 79.31% 79%); } #bgWrap div:nth-child(94) { animation: s94 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(73.26% 100%, 73.36% 100%, 83.76% 79%, 83.66% 79%); + 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(77.61% 100%, 77.71% 100%, 88.61% 78%, 88.51% 78%); + 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(81.96% 100%, 82.06% 100%, 94.46% 75%, 94.36% 75%); + clip-path: polygon(81.96% 100%, 82.06% 100%, 93.96% 76%, 93.86% 76%); } #bgWrap div:nth-child(97) { animation: s97 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(86.3% 100%, 86.4% 100%, 99.8% 73%, 99.7% 73%); + 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(90.65% 100%, 90.75% 100%, 105.15% 71%, 105.05% 71%); + clip-path: polygon(90.65% 100%, 90.75% 100%, 104.65% 72%, 104.55% 72%); } #bgWrap div:nth-child(99) { animation: s99 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(95.0% 100%, 95.1% 100%, 109.0% 72%, 108.9% 72%); + clip-path: polygon(95.0% 100%, 95.1% 100%, 108.5% 73%, 108.4% 73%); } #bgWrap div:nth-child(100) { animation: s100 ease-in-out 3s infinite alternate; background-color: #b5b5b5; - -webkit-clip-path: polygon(99.35% 100%, 99.45% 100%, 111.85% 75%, 111.75% 75%); + clip-path: polygon(99.35% 100%, 99.45% 100%, 112.35% 74%, 112.25% 74%); }