commit d882cf169802e3b758aefcc0e8c34ca6fb946151
Author: Kenneth Jao <kennethjao01@gmail.com>
Date:   Mon Apr 13 06:41:28 2020 -0400

    initial commit

diff --git a/backup.css b/backup.css
new file mode 100644
index 0000000..661330b
--- /dev/null
+++ b/backup.css
@@ -0,0 +1,450 @@
+#bgWrap div:nth-child(1) {
+	-webkit-clip-path: polygon(2.0% 0, 2.1% 0, -8.0% 20%, -8.1% 20%);
+}
+
+#bgWrap div:nth-child(2) {
+	-webkit-clip-path: polygon(6.35% 0, 6.45% 0, -4.65% 22%, -4.75% 22%);
+}
+
+#bgWrap div:nth-child(3) {
+	-webkit-clip-path: polygon(10.7% 0, 10.8% 0, -1.3% 24%, -1.4% 24%);
+}
+
+#bgWrap div:nth-child(4) {
+	-webkit-clip-path: polygon(15.04% 0, 15.14% 0, 3.04% 24%, 2.94% 24%);
+}
+
+#bgWrap div:nth-child(5) {
+	-webkit-clip-path: polygon(19.39% 0, 19.49% 0, 8.39% 22%, 8.29% 22%);
+}
+
+#bgWrap div:nth-child(6) {
+	-webkit-clip-path: polygon(23.74% 0, 23.84% 0, 13.74% 20%, 13.64% 20%);
+}
+
+#bgWrap div:nth-child(7) {
+	-webkit-clip-path: polygon(28.09% 0, 28.19% 0, 19.09% 18%, 18.99% 18%);
+}
+
+#bgWrap div:nth-child(8) {
+	-webkit-clip-path: polygon(32.43% 0, 32.53% 0, 24.43% 16%, 24.33% 16%);
+}
+
+#bgWrap div:nth-child(9) {
+	-webkit-clip-path: polygon(36.78% 0, 36.88% 0, 28.78% 16%, 28.68% 16%);
+}
+
+#bgWrap div:nth-child(10) {
+	-webkit-clip-path: polygon(41.13% 0, 41.23% 0, 32.13% 18%, 32.03% 18%);
+}
+
+#bgWrap div:nth-child(11) {
+	-webkit-clip-path: polygon(45.48% 0, 45.58% 0, 35.48% 20%, 35.38% 20%);
+}
+
+#bgWrap div:nth-child(12) {
+	-webkit-clip-path: polygon(49.83% 0, 49.93% 0, 38.83% 22%, 38.73% 22%);
+}
+
+#bgWrap div:nth-child(13) {
+	-webkit-clip-path: polygon(54.17% 0, 54.27% 0, 42.17% 24%, 42.07% 24%);
+}
+
+#bgWrap div:nth-child(14) {
+	-webkit-clip-path: polygon(58.52% 0, 58.62% 0, 46.52% 24%, 46.42% 24%);
+}
+
+#bgWrap div:nth-child(15) {
+	-webkit-clip-path: polygon(62.87% 0, 62.97% 0, 51.87% 22%, 51.77% 22%);
+}
+
+#bgWrap div:nth-child(16) {
+	-webkit-clip-path: polygon(67.22% 0, 67.32% 0, 57.22% 20%, 57.12% 20%);
+}
+
+#bgWrap div:nth-child(17) {
+	-webkit-clip-path: polygon(71.57% 0, 71.67% 0, 62.57% 18%, 62.47% 18%);
+}
+
+#bgWrap div:nth-child(18) {
+	-webkit-clip-path: polygon(75.91% 0, 76.01% 0, 67.91% 16%, 67.81% 16%);
+}
+
+#bgWrap div:nth-child(19) {
+	-webkit-clip-path: polygon(80.26% 0, 80.36% 0, 72.26% 16%, 72.16% 16%);
+}
+
+#bgWrap div:nth-child(20) {
+	-webkit-clip-path: polygon(84.61% 0, 84.71% 0, 75.61% 18%, 75.51% 18%);
+}
+
+#bgWrap div:nth-child(21) {
+	-webkit-clip-path: polygon(88.96% 0, 89.06% 0, 78.96% 20%, 78.86% 20%);
+}
+
+#bgWrap div:nth-child(22) {
+	-webkit-clip-path: polygon(93.3% 0, 93.4% 0, 82.3% 22%, 82.2% 22%);
+}
+
+#bgWrap div:nth-child(23) {
+	-webkit-clip-path: polygon(97.65% 0, 97.75% 0, 85.65% 24%, 85.55% 24%);
+}
+
+#bgWrap div:nth-child(24) {
+	-webkit-clip-path: polygon(102.0% 0, 102.1% 0, 90.0% 24%, 89.9% 24%);
+}
+
+#bgWrap div:nth-child(25) {
+	-webkit-clip-path: polygon(106.35% 0, 106.45% 0, 95.35% 22%, 95.25% 22%);
+}
+
+#bgWrap div:nth-child(26) {
+	-webkit-clip-path: polygon(-9.5% 100%, -9.4% 100%, 0.5% 80%, 0.4% 80%);
+}
+
+#bgWrap div:nth-child(27) {
+	-webkit-clip-path: polygon(-5.15% 100%, -5.05% 100%, 5.85% 78%, 5.75% 78%);
+}
+
+#bgWrap div:nth-child(28) {
+	-webkit-clip-path: polygon(-0.8% 100%, -0.7% 100%, 11.2% 76%, 11.1% 76%);
+}
+
+#bgWrap div:nth-child(29) {
+	-webkit-clip-path: polygon(3.54% 100%, 3.64% 100%, 15.54% 76%, 15.44% 76%);
+}
+
+#bgWrap div:nth-child(30) {
+	-webkit-clip-path: polygon(7.89% 100%, 7.99% 100%, 18.89% 78%, 18.79% 78%);
+}
+
+#bgWrap div:nth-child(31) {
+	-webkit-clip-path: polygon(12.24% 100%, 12.34% 100%, 22.24% 80%, 22.14% 80%);
+}
+
+#bgWrap div:nth-child(32) {
+	-webkit-clip-path: polygon(16.59% 100%, 16.69% 100%, 25.59% 82%, 25.49% 82%);
+}
+
+#bgWrap div:nth-child(33) {
+	-webkit-clip-path: polygon(20.93% 100%, 21.03% 100%, 28.93% 84%, 28.83% 84%);
+}
+
+#bgWrap div:nth-child(34) {
+	-webkit-clip-path: polygon(25.28% 100%, 25.38% 100%, 33.28% 84%, 33.18% 84%);
+}
+
+#bgWrap div:nth-child(35) {
+	-webkit-clip-path: polygon(29.63% 100%, 29.73% 100%, 38.63% 82%, 38.53% 82%);
+}
+
+#bgWrap div:nth-child(36) {
+	-webkit-clip-path: polygon(33.98% 100%, 34.08% 100%, 43.98% 80%, 43.88% 80%);
+}
+
+#bgWrap div:nth-child(37) {
+	-webkit-clip-path: polygon(38.33% 100%, 38.43% 100%, 49.33% 78%, 49.23% 78%);
+}
+
+#bgWrap div:nth-child(38) {
+	-webkit-clip-path: polygon(42.67% 100%, 42.77% 100%, 54.67% 76%, 54.57% 76%);
+}
+
+#bgWrap div:nth-child(39) {
+	-webkit-clip-path: polygon(47.02% 100%, 47.12% 100%, 59.02% 76%, 58.92% 76%);
+}
+
+#bgWrap div:nth-child(40) {
+	-webkit-clip-path: polygon(51.37% 100%, 51.47% 100%, 62.37% 78%, 62.27% 78%);
+}
+
+#bgWrap div:nth-child(41) {
+	-webkit-clip-path: polygon(55.72% 100%, 55.82% 100%, 65.72% 80%, 65.62% 80%);
+}
+
+#bgWrap div:nth-child(42) {
+	-webkit-clip-path: polygon(60.07% 100%, 60.17% 100%, 69.07% 82%, 68.97% 82%);
+}
+
+#bgWrap div:nth-child(43) {
+	-webkit-clip-path: polygon(64.41% 100%, 64.51% 100%, 72.41% 84%, 72.31% 84%);
+}
+
+#bgWrap div:nth-child(44) {
+	-webkit-clip-path: polygon(68.76% 100%, 68.86% 100%, 76.76% 84%, 76.66% 84%);
+}
+
+#bgWrap div:nth-child(45) {
+	-webkit-clip-path: polygon(73.11% 100%, 73.21% 100%, 82.11% 82%, 82.01% 82%);
+}
+
+#bgWrap div:nth-child(46) {
+	-webkit-clip-path: polygon(77.46% 100%, 77.56% 100%, 87.46% 80%, 87.36% 80%);
+}
+
+#bgWrap div:nth-child(47) {
+	-webkit-clip-path: polygon(81.8% 100%, 81.9% 100%, 92.8% 78%, 92.7% 78%);
+}
+
+#bgWrap div:nth-child(48) {
+	-webkit-clip-path: polygon(86.15% 100%, 86.25% 100%, 98.15% 76%, 98.05% 76%);
+}
+
+#bgWrap div:nth-child(49) {
+	-webkit-clip-path: polygon(90.5% 100%, 90.6% 100%, 102.5% 76%, 102.4% 76%);
+}
+
+#bgWrap div:nth-child(50) {
+	-webkit-clip-path: polygon(94.85% 100%, 94.95% 100%, 105.85% 78%, 105.75% 78%);
+}
+
+#bgWrap div:nth-child(51) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(3.0% 0, 3.1% 0, -9.0% 24%, -9.1% 24%);
+}
+
+#bgWrap div:nth-child(52) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(7.35% 0, 7.45% 0, -5.15% 25%, -5.25% 25%);
+}
+
+#bgWrap div:nth-child(53) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(11.7% 0, 11.8% 0, -2.3% 28%, -2.4% 28%);
+}
+
+#bgWrap div:nth-child(54) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(16.04% 0, 16.14% 0, 1.54% 29%, 1.44% 29%);
+}
+
+#bgWrap div:nth-child(55) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(20.39% 0, 20.49% 0, 6.89% 27%, 6.79% 27%);
+}
+
+#bgWrap div:nth-child(56) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(24.74% 0, 24.84% 0, 12.24% 25%, 12.14% 25%);
+}
+
+#bgWrap div:nth-child(57) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(29.09% 0, 29.19% 0, 18.59% 21%, 18.49% 21%);
+}
+
+#bgWrap div:nth-child(58) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(33.43% 0, 33.53% 0, 23.43% 20%, 23.33% 20%);
+}
+
+#bgWrap div:nth-child(59) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%);
+}
+
+#bgWrap div:nth-child(60) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(42.13% 0, 42.23% 0, 30.63% 23%, 30.53% 23%);
+}
+
+#bgWrap div:nth-child(61) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(46.48% 0, 46.58% 0, 34.98% 23%, 34.88% 23%);
+}
+
+#bgWrap div:nth-child(62) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.33% 27%, 37.23% 27%);
+}
+
+#bgWrap div:nth-child(63) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(55.17% 0, 55.27% 0, 41.67% 27%, 41.57% 27%);
+}
+
+#bgWrap div:nth-child(64) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.02% 29%, 44.92% 29%);
+}
+
+#bgWrap div:nth-child(65) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(63.87% 0, 63.97% 0, 50.87% 26%, 50.77% 26%);
+}
+
+#bgWrap div:nth-child(66) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(68.22% 0, 68.32% 0, 56.72% 23%, 56.62% 23%);
+}
+
+#bgWrap div:nth-child(67) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(72.57% 0, 72.67% 0, 62.07% 21%, 61.97% 21%);
+}
+
+#bgWrap div:nth-child(68) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.91% 20%, 66.81% 20%);
+}
+
+#bgWrap div:nth-child(69) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(81.26% 0, 81.36% 0, 71.26% 20%, 71.16% 20%);
+}
+
+#bgWrap div:nth-child(70) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(85.61% 0, 85.71% 0, 75.11% 21%, 75.01% 21%);
+}
+
+#bgWrap div:nth-child(71) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(89.96% 0, 90.06% 0, 77.46% 25%, 77.36% 25%);
+}
+
+#bgWrap div:nth-child(72) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(94.3% 0, 94.4% 0, 80.8% 27%, 80.7% 27%);
+}
+
+#bgWrap div:nth-child(73) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(98.65% 0, 98.75% 0, 85.15% 27%, 85.05% 27%);
+}
+
+#bgWrap div:nth-child(74) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.0% 28%, 88.9% 28%);
+}
+
+#bgWrap div:nth-child(75) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(107.35% 0, 107.45% 0, 94.85% 25%, 94.75% 25%);
+}
+
+#bgWrap div:nth-child(76) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.0% 77%, 4.9% 77%);
+}
+
+#bgWrap div:nth-child(77) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 10.85% 74%, 10.75% 74%);
+}
+
+#bgWrap div:nth-child(78) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 15.7% 73%, 15.6% 73%);
+}
+
+#bgWrap div:nth-child(79) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 21.04% 71%, 20.94% 71%);
+}
+
+#bgWrap div:nth-child(80) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(10.89% 100%, 10.99% 100%, 24.39% 73%, 24.29% 73%);
+}
+
+#bgWrap div:nth-child(81) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 26.74% 77%, 26.64% 77%);
+}
+
+#bgWrap div:nth-child(82) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 30.59% 78%, 30.49% 78%);
+}
+
+#bgWrap div:nth-child(83) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 33.93% 80%, 33.83% 80%);
+}
+
+#bgWrap div:nth-child(84) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 37.78% 81%, 37.68% 81%);
+}
+
+#bgWrap div:nth-child(85) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.13% 79%, 43.03% 79%);
+}
+
+#bgWrap div:nth-child(86) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 48.98% 76%, 48.88% 76%);
+}
+
+#bgWrap div:nth-child(87) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.33% 74%, 54.23% 74%);
+}
+
+#bgWrap div:nth-child(88) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.67% 72%, 59.57% 72%);
+}
+
+#bgWrap div:nth-child(89) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.52% 71%, 64.42% 71%);
+}
+
+#bgWrap div:nth-child(90) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.87% 73%, 67.77% 73%);
+}
+
+#bgWrap div:nth-child(91) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 70.22% 77%, 70.12% 77%);
+}
+
+#bgWrap div:nth-child(92) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 74.07% 78%, 73.97% 78%);
+}
+
+#bgWrap div:nth-child(93) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.91% 79%, 77.81% 79%);
+}
+
+#bgWrap div:nth-child(94) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(71.76% 100%, 71.86% 100%, 82.26% 79%, 82.16% 79%);
+}
+
+#bgWrap div:nth-child(95) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 86.61% 79%, 86.51% 79%);
+}
+
+#bgWrap div:nth-child(96) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.46% 76%, 92.36% 76%);
+}
+
+#bgWrap div:nth-child(97) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 98.3% 73%, 98.2% 73%);
+}
+
+#bgWrap div:nth-child(98) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 102.65% 73%, 102.55% 73%);
+}
+
+#bgWrap div:nth-child(99) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 108.0% 71%, 107.9% 71%);
+}
+
+#bgWrap div:nth-child(100) {
+	background-color: #272727;
+	-webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.35% 75%, 110.25% 75%);
+}
+
diff --git a/cssgen.py b/cssgen.py
new file mode 100644
index 0000000..f678d4b
--- /dev/null
+++ b/cssgen.py
@@ -0,0 +1,60 @@
+import math
+import random
+
+def main():
+	f = open("output.css", "w")
+	n = 25
+	initial = []
+	
+	for i in range(n):	# Top Light
+		t, b = round(100*i/(n-2) + 2, 2), round(4*math.sin((1/5)*math.pi*i) + 20)
+		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}%);'
+		f.write(f'@keyframes s{i+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n')
+		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)
+		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}%);'
+
+		f.write(f'@keyframes s{i+n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n')
+		initial.append(p0)
+
+	for i in range(n):	# Top Dark
+		t, b = round(100*i/(n-2) + 3, 2), round(4*math.sin((1/5)*math.pi*i) + 20 + random.randint(3, 5))
+		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}%);'
+		
+		f.write(f'@keyframes s{i+2*n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n')
+		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))
+		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}%);'
+
+		f.write(f'@keyframes s{i+3*n+1} {{\n\t0% {{ {p0} }}\n\t100% {{ {p1} }}\n}}\n\n')
+		initial.append(p0)
+
+	for i in range(4*n):	# Animations
+		if i in range(50,100):
+			f.write(f'#bgWrap div:nth-child({i+1}) {{\n\tanimation: s{i+1} ease-in-out 5s infinite alternate;\n\tbackground-color: #272727;\n\t{initial[i]}\n}}\n\n')
+		else:
+			f.write(f'#bgWrap div:nth-child({i+1}) {{\n\tanimation: s{i+1} ease-in-out 5s infinite alternate;\n\t{initial[i]}\n}}\n\n')
+
+
+if __name__ == "__main__":
+	main()
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..0901557
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..f18cc55
--- /dev/null
+++ b/index.css
@@ -0,0 +1,146 @@
+html, body {
+	width: 100%; height: 100%;
+	margin: 0;
+	font-family: 'Quicksand', sans-serif;
+	color: white;
+}
+
+::selection {
+	background: #fd558f;
+}
+::-moz-selection {
+	background: #fd558f;
+}
+
+#bgWrap {
+	width: 100%; height: 100%;
+	position: absolute;
+	top: 0; left: 0;
+	background-color: #121212; 
+	z-index: -1;
+}
+
+#bgWrap div {
+	width: 100%; height: 100%;
+	position: absolute;
+	top: 0; left: 0;
+	background-color: white;
+}
+
+#mainWrap {
+	width: 100%; height: 100%;
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	grid-template-rows: 1fr;
+}
+
+#name {
+	padding: 1%;
+	grid-column: 1;
+	margin: auto;
+}
+
+#name h1 {
+	font-size: 300%;
+	font-weight: 300;
+	margin: 0;
+}
+
+#name h5 {
+	color: #b3b3b3;
+	font-size: 100%;
+	font-weight: 400;
+	margin: 0;
+	text-align: right;
+}
+
+#tabs {
+	list-style: none;
+	margin: auto 0 auto 10%;
+	grid-column: 2;
+	height: 50%;
+	width: 60%;
+
+	display: grid;
+	grid-template-columns: 1fr 29fr;
+	grid-template-rows: repeat(9, 1fr);
+	grid-column-gap: 10%;
+}
+
+#tab1, label[for='tab1'] { grid-row: 4; grid-column: 1; }
+#tab2, label[for='tab2'] { grid-row: 5; grid-column: 1; }
+#tab3, label[for='tab3'] { grid-row: 6; grid-column: 1; }
+
+
+.tab:checked:nth-of-type(1) ~ .content:nth-of-type(1),
+.tab:checked:nth-of-type(2) ~ .content:nth-of-type(2),
+.tab:checked:nth-of-type(3) ~ .content:nth-of-type(3) {
+	opacity: 1;
+	position: relative;
+	-webkit-transition: 0.3s opacity ease-in, 0.3s -webkit-transform ease;
+  	transition: 0.3s opacity ease-in, 0.3s -webkit-transform ease;
+	transition: 0.3s opacity ease-in, 0.3s transform ease;
+	transition: 0.3s opacity ease-in, 0.3s transform ease, 0.3s -webkit-transform ease;
+	grid-column: 2;
+	grid-row: 1 / 10;
+	font-size: 200%;
+}
+
+.tab + label {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+	border: 1px solid white;
+	border-radius: 3px;
+	height: 0;
+    padding-top: calc(100% - 1px);
+    cursor: pointer;
+
+	-webkit-transition: background-color 0.15s cubic-bezier(.25, .8, .25, 1);
+	transition: background-color 0.15s cubic-bezier(.25, .8, .25, 1);
+	-moz-transition: background-color 0.15s cubic-bezier(.25, .8, .25, 1);
+	-ms-transition: background-color 0.15s cubic-bezier(.25, .8, .25, 1);
+}
+
+.tab + label:hover {
+	background-color: rgba(255, 255, 255, 0.1);
+}
+
+.tab:checked:nth-of-type(1) ~ label:nth-of-type(1),
+.tab:checked:nth-of-type(2) ~ label:nth-of-type(2),
+.tab:checked:nth-of-type(3) ~ label:nth-of-type(3) {
+	background-color: rgba(255, 255, 255, 0.3);
+}
+
+.content {
+	opacity: 0;
+	position: absolute;
+	left: 0;
+	grid-row: 1 / 10;
+	z-index: -1;
+	padding: 10%;
+	
+}
+
+input[type='radio'] {
+	opacity: 0;
+	cursor: pointer;
+}
+
+.content h2 {
+	font-weight: 400;
+	font-size: 100%;
+	margin: 0;
+	text-shadow: 6px 6px #272727;
+}
+
+.content p {
+	margin-left: 2%;
+	text-align: justify;
+	font-weight: 300;
+	font-size: 50%;
+	color: #fefefe;
+
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..33b4eb3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <title>Kenneth Jao</title>
+    <link rel="icon" href="./favicon.ico?v=2">
+    <link rel="stylesheet" href="./index.css">
+    <link rel="stylesheet" href="./output.css">
+    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&&display=swap" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+</head>
+<body>
+	<div id="bgWrap">
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+		<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
+	</div>
+	<div id="mainWrap">
+		<div id="name">
+			<h1>Kenneth Jao</h1>
+			<h5>DEVELOPER AND ENGINEER </h5>
+		</div>
+		<div id="tabs">
+			<input type="radio" id="tab1" class="tab" name="t" checked>
+			<label for="tab1"></label>
+
+			<input type="radio" id="tab2" class="tab" name="t">
+			<label for="tab2"></label>
+
+			<input type="radio" id="tab3" class="tab" name="t">
+			<label for="tab3"></label>
+
+			<div class="content">
+		    	<h2>ABOUT</h2>
+		    	<p>
+		    		My name is Kenneth Jao and I'm a developer, electrical and computer engineer, and just generally a problem solver.
+		    	</p>
+		    	<p>
+		    		As a developer, I specialize in full-stack development, network design and security, and system administration.
+		    	</p>
+		    	<p>
+		    		I am fluent in HTML, CSS, Javascript, and Python, and C++. My design philosophy is simple: Clean, Secure, and Elegant.
+		    	</p>
+			</div>
+			<div class="content">
+				<h2>PROJECTS</h2>
+			</div>
+			<div class="content">
+				<h2>Projects</h2>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/output.css b/output.css
new file mode 100644
index 0000000..f2d8d34
--- /dev/null
+++ b/output.css
@@ -0,0 +1,1050 @@
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@keyframes s52 {
+	0% { -webkit-clip-path: polygon(7.35% 0, 7.45% 0, -6.15% 27%, -6.25% 27%); }
+	100% { -webkit-clip-path: polygon(7.35% 0, 7.45% 0, -6.65% 28%, -6.75% 28%); }
+}
+
+@keyframes s53 {
+	0% { -webkit-clip-path: polygon(11.7% 0, 11.8% 0, -2.8% 29%, -2.9% 29%); }
+	100% { -webkit-clip-path: polygon(11.7% 0, 11.8% 0, -3.3% 30%, -3.4% 30%); }
+}
+
+@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%); }
+}
+
+@keyframes s55 {
+	0% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 6.89% 27%, 6.79% 27%); }
+	100% { -webkit-clip-path: polygon(20.39% 0, 20.49% 0, 6.39% 28%, 6.29% 28%); }
+}
+
+@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%); }
+}
+
+@keyframes s57 {
+	0% { -webkit-clip-path: polygon(29.09% 0, 29.19% 0, 17.59% 23%, 17.49% 23%); }
+	100% { -webkit-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, 22.93% 21%, 22.83% 21%); }
+	100% { -webkit-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.78% 20%, 27.68% 20%); }
+	100% { -webkit-clip-path: polygon(37.78% 0, 37.88% 0, 27.28% 21%, 27.18% 21%); }
+}
+
+@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%); }
+}
+
+@keyframes s61 {
+	0% { -webkit-clip-path: polygon(46.48% 0, 46.58% 0, 34.98% 23%, 34.88% 23%); }
+	100% { -webkit-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%); }
+}
+
+@keyframes s63 {
+	0% { -webkit-clip-path: polygon(55.17% 0, 55.27% 0, 41.67% 27%, 41.57% 27%); }
+	100% { -webkit-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.02% 29%, 44.92% 29%); }
+	100% { -webkit-clip-path: polygon(59.52% 0, 59.62% 0, 44.52% 30%, 44.42% 30%); }
+}
+
+@keyframes s65 {
+	0% { -webkit-clip-path: polygon(63.87% 0, 63.97% 0, 50.37% 27%, 50.27% 27%); }
+	100% { -webkit-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%); }
+}
+
+@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%); }
+}
+
+@keyframes s68 {
+	0% { -webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.91% 20%, 66.81% 20%); }
+	100% { -webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.41% 21%, 66.31% 21%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@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%); }
+}
+
+@keyframes s74 {
+	0% { -webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.0% 28%, 88.9% 28%); }
+	100% { -webkit-clip-path: polygon(103.0% 0, 103.1% 0, 88.5% 29%, 88.4% 29%); }
+}
+
+@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%); }
+}
+
+@keyframes s76 {
+	0% { -webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.0% 77%, 4.9% 77%); }
+	100% { -webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.5% 76%, 5.4% 76%); }
+}
+
+@keyframes s77 {
+	0% { -webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 10.35% 75%, 10.25% 75%); }
+	100% { -webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 10.85% 74%, 10.75% 74%); }
+}
+
+@keyframes s78 {
+	0% { -webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 16.7% 71%, 16.6% 71%); }
+	100% { -webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 17.2% 70%, 17.1% 70%); }
+}
+
+@keyframes s79 {
+	0% { -webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 20.04% 73%, 19.94% 73%); }
+	100% { -webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 20.54% 72%, 20.44% 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%); }
+}
+
+@keyframes s81 {
+	0% { -webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 26.74% 77%, 26.64% 77%); }
+	100% { -webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 27.24% 76%, 27.14% 76%); }
+}
+
+@keyframes s82 {
+	0% { -webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 31.09% 77%, 30.99% 77%); }
+	100% { -webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 31.59% 76%, 31.49% 76%); }
+}
+
+@keyframes s83 {
+	0% { -webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 33.43% 81%, 33.33% 81%); }
+	100% { -webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 33.93% 80%, 33.83% 80%); }
+}
+
+@keyframes s84 {
+	0% { -webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 37.78% 81%, 37.68% 81%); }
+	100% { -webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 38.28% 80%, 38.18% 80%); }
+}
+
+@keyframes s85 {
+	0% { -webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.63% 78%, 43.53% 78%); }
+	100% { -webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 44.13% 77%, 44.03% 77%); }
+}
+
+@keyframes s86 {
+	0% { -webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 49.48% 75%, 49.38% 75%); }
+	100% { -webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 49.98% 74%, 49.88% 74%); }
+}
+
+@keyframes s87 {
+	0% { -webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.33% 74%, 54.23% 74%); }
+	100% { -webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.83% 73%, 54.73% 73%); }
+}
+
+@keyframes s88 {
+	0% { -webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.17% 73%, 59.07% 73%); }
+	100% { -webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.67% 72%, 59.57% 72%); }
+}
+
+@keyframes s89 {
+	0% { -webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.52% 71%, 64.42% 71%); }
+	100% { -webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 65.02% 70%, 64.92% 70%); }
+}
+
+@keyframes s90 {
+	0% { -webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.87% 73%, 67.77% 73%); }
+	100% { -webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 68.37% 72%, 68.27% 72%); }
+}
+
+@keyframes s91 {
+	0% { -webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 71.22% 75%, 71.12% 75%); }
+	100% { -webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 71.72% 74%, 71.62% 74%); }
+}
+
+@keyframes s92 {
+	0% { -webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 74.07% 78%, 73.97% 78%); }
+	100% { -webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 74.57% 77%, 74.47% 77%); }
+}
+
+@keyframes s93 {
+	0% { -webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.91% 79%, 77.81% 79%); }
+	100% { -webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 78.41% 78%, 78.31% 78%); }
+}
+
+@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%); }
+}
+
+@keyframes s95 {
+	0% { -webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 87.61% 77%, 87.51% 77%); }
+	100% { -webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 88.11% 76%, 88.01% 76%); }
+}
+
+@keyframes s96 {
+	0% { -webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.46% 76%, 92.36% 76%); }
+	100% { -webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.96% 75%, 92.86% 75%); }
+}
+
+@keyframes s97 {
+	0% { -webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 98.3% 73%, 98.2% 73%); }
+	100% { -webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 98.8% 72%, 98.7% 72%); }
+}
+
+@keyframes s98 {
+	0% { -webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 102.65% 73%, 102.55% 73%); }
+	100% { -webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 103.15% 72%, 103.05% 72%); }
+}
+
+@keyframes s99 {
+	0% { -webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 107.0% 73%, 106.9% 73%); }
+	100% { -webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 107.5% 72%, 107.4% 72%); }
+}
+
+@keyframes s100 {
+	0% { -webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.85% 74%, 110.75% 74%); }
+	100% { -webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 111.35% 73%, 111.25% 73%); }
+}
+
+#bgWrap div:nth-child(1) {
+	animation: s1 ease-in-out 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-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 5s infinite alternate;
+	-webkit-clip-path: polygon(-9.5% 100%, -9.4% 100%, 0.5% 80%, 0.4% 80%);
+}
+
+#bgWrap div:nth-child(27) {
+	animation: s27 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(-5.15% 100%, -5.05% 100%, 5.85% 78%, 5.75% 78%);
+}
+
+#bgWrap div:nth-child(28) {
+	animation: s28 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(-0.8% 100%, -0.7% 100%, 11.2% 76%, 11.1% 76%);
+}
+
+#bgWrap div:nth-child(29) {
+	animation: s29 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(3.54% 100%, 3.64% 100%, 15.54% 76%, 15.44% 76%);
+}
+
+#bgWrap div:nth-child(30) {
+	animation: s30 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(7.89% 100%, 7.99% 100%, 18.89% 78%, 18.79% 78%);
+}
+
+#bgWrap div:nth-child(31) {
+	animation: s31 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(12.24% 100%, 12.34% 100%, 22.24% 80%, 22.14% 80%);
+}
+
+#bgWrap div:nth-child(32) {
+	animation: s32 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(16.59% 100%, 16.69% 100%, 25.59% 82%, 25.49% 82%);
+}
+
+#bgWrap div:nth-child(33) {
+	animation: s33 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(20.93% 100%, 21.03% 100%, 28.93% 84%, 28.83% 84%);
+}
+
+#bgWrap div:nth-child(34) {
+	animation: s34 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(25.28% 100%, 25.38% 100%, 33.28% 84%, 33.18% 84%);
+}
+
+#bgWrap div:nth-child(35) {
+	animation: s35 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(29.63% 100%, 29.73% 100%, 38.63% 82%, 38.53% 82%);
+}
+
+#bgWrap div:nth-child(36) {
+	animation: s36 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(33.98% 100%, 34.08% 100%, 43.98% 80%, 43.88% 80%);
+}
+
+#bgWrap div:nth-child(37) {
+	animation: s37 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(38.33% 100%, 38.43% 100%, 49.33% 78%, 49.23% 78%);
+}
+
+#bgWrap div:nth-child(38) {
+	animation: s38 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(42.67% 100%, 42.77% 100%, 54.67% 76%, 54.57% 76%);
+}
+
+#bgWrap div:nth-child(39) {
+	animation: s39 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(47.02% 100%, 47.12% 100%, 59.02% 76%, 58.92% 76%);
+}
+
+#bgWrap div:nth-child(40) {
+	animation: s40 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(51.37% 100%, 51.47% 100%, 62.37% 78%, 62.27% 78%);
+}
+
+#bgWrap div:nth-child(41) {
+	animation: s41 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(55.72% 100%, 55.82% 100%, 65.72% 80%, 65.62% 80%);
+}
+
+#bgWrap div:nth-child(42) {
+	animation: s42 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(60.07% 100%, 60.17% 100%, 69.07% 82%, 68.97% 82%);
+}
+
+#bgWrap div:nth-child(43) {
+	animation: s43 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(64.41% 100%, 64.51% 100%, 72.41% 84%, 72.31% 84%);
+}
+
+#bgWrap div:nth-child(44) {
+	animation: s44 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(68.76% 100%, 68.86% 100%, 76.76% 84%, 76.66% 84%);
+}
+
+#bgWrap div:nth-child(45) {
+	animation: s45 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(73.11% 100%, 73.21% 100%, 82.11% 82%, 82.01% 82%);
+}
+
+#bgWrap div:nth-child(46) {
+	animation: s46 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(77.46% 100%, 77.56% 100%, 87.46% 80%, 87.36% 80%);
+}
+
+#bgWrap div:nth-child(47) {
+	animation: s47 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(81.8% 100%, 81.9% 100%, 92.8% 78%, 92.7% 78%);
+}
+
+#bgWrap div:nth-child(48) {
+	animation: s48 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(86.15% 100%, 86.25% 100%, 98.15% 76%, 98.05% 76%);
+}
+
+#bgWrap div:nth-child(49) {
+	animation: s49 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(90.5% 100%, 90.6% 100%, 102.5% 76%, 102.4% 76%);
+}
+
+#bgWrap div:nth-child(50) {
+	animation: s50 ease-in-out 5s infinite alternate;
+	-webkit-clip-path: polygon(94.85% 100%, 94.95% 100%, 105.85% 78%, 105.75% 78%);
+}
+
+#bgWrap div:nth-child(51) {
+	animation: s51 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(3.0% 0, 3.1% 0, -8.5% 23%, -8.6% 23%);
+}
+
+#bgWrap div:nth-child(52) {
+	animation: s52 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(7.35% 0, 7.45% 0, -6.15% 27%, -6.25% 27%);
+}
+
+#bgWrap div:nth-child(53) {
+	animation: s53 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(11.7% 0, 11.8% 0, -2.8% 29%, -2.9% 29%);
+}
+
+#bgWrap div:nth-child(54) {
+	animation: s54 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(16.04% 0, 16.14% 0, 1.54% 29%, 1.44% 29%);
+}
+
+#bgWrap div:nth-child(55) {
+	animation: s55 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(20.39% 0, 20.49% 0, 6.89% 27%, 6.79% 27%);
+}
+
+#bgWrap div:nth-child(56) {
+	animation: s56 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(24.74% 0, 24.84% 0, 13.24% 23%, 13.14% 23%);
+}
+
+#bgWrap div:nth-child(57) {
+	animation: s57 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(37.78% 0, 37.88% 0, 27.78% 20%, 27.68% 20%);
+}
+
+#bgWrap div:nth-child(60) {
+	animation: s60 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(50.83% 0, 50.93% 0, 37.83% 26%, 37.73% 26%);
+}
+
+#bgWrap div:nth-child(63) {
+	animation: s63 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(59.52% 0, 59.62% 0, 45.02% 29%, 44.92% 29%);
+}
+
+#bgWrap div:nth-child(65) {
+	animation: s65 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(76.91% 0, 77.01% 0, 66.91% 20%, 66.81% 20%);
+}
+
+#bgWrap div:nth-child(69) {
+	animation: s69 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(89.96% 0, 90.06% 0, 77.96% 24%, 77.86% 24%);
+}
+
+#bgWrap div:nth-child(72) {
+	animation: s72 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-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 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(98.65% 0, 98.75% 0, 84.15% 29%, 84.05% 29%);
+}
+
+#bgWrap div:nth-child(74) {
+	animation: s74 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(103.0% 0, 103.1% 0, 89.0% 28%, 88.9% 28%);
+}
+
+#bgWrap div:nth-child(75) {
+	animation: s75 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(107.35% 0, 107.45% 0, 94.85% 25%, 94.75% 25%);
+}
+
+#bgWrap div:nth-child(76) {
+	animation: s76 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(-6.5% 100%, -6.4% 100%, 5.0% 77%, 4.9% 77%);
+}
+
+#bgWrap div:nth-child(77) {
+	animation: s77 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(-2.15% 100%, -2.05% 100%, 10.35% 75%, 10.25% 75%);
+}
+
+#bgWrap div:nth-child(78) {
+	animation: s78 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(2.2% 100%, 2.3% 100%, 16.7% 71%, 16.6% 71%);
+}
+
+#bgWrap div:nth-child(79) {
+	animation: s79 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(6.54% 100%, 6.64% 100%, 20.04% 73%, 19.94% 73%);
+}
+
+#bgWrap div:nth-child(80) {
+	animation: s80 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(10.89% 100%, 10.99% 100%, 23.39% 75%, 23.29% 75%);
+}
+
+#bgWrap div:nth-child(81) {
+	animation: s81 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(15.24% 100%, 15.34% 100%, 26.74% 77%, 26.64% 77%);
+}
+
+#bgWrap div:nth-child(82) {
+	animation: s82 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(19.59% 100%, 19.69% 100%, 31.09% 77%, 30.99% 77%);
+}
+
+#bgWrap div:nth-child(83) {
+	animation: s83 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(23.93% 100%, 24.03% 100%, 33.43% 81%, 33.33% 81%);
+}
+
+#bgWrap div:nth-child(84) {
+	animation: s84 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(28.28% 100%, 28.38% 100%, 37.78% 81%, 37.68% 81%);
+}
+
+#bgWrap div:nth-child(85) {
+	animation: s85 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(32.63% 100%, 32.73% 100%, 43.63% 78%, 43.53% 78%);
+}
+
+#bgWrap div:nth-child(86) {
+	animation: s86 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(36.98% 100%, 37.08% 100%, 49.48% 75%, 49.38% 75%);
+}
+
+#bgWrap div:nth-child(87) {
+	animation: s87 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(41.33% 100%, 41.43% 100%, 54.33% 74%, 54.23% 74%);
+}
+
+#bgWrap div:nth-child(88) {
+	animation: s88 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(45.67% 100%, 45.77% 100%, 59.17% 73%, 59.07% 73%);
+}
+
+#bgWrap div:nth-child(89) {
+	animation: s89 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(50.02% 100%, 50.12% 100%, 64.52% 71%, 64.42% 71%);
+}
+
+#bgWrap div:nth-child(90) {
+	animation: s90 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(54.37% 100%, 54.47% 100%, 67.87% 73%, 67.77% 73%);
+}
+
+#bgWrap div:nth-child(91) {
+	animation: s91 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(58.72% 100%, 58.82% 100%, 71.22% 75%, 71.12% 75%);
+}
+
+#bgWrap div:nth-child(92) {
+	animation: s92 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(63.07% 100%, 63.17% 100%, 74.07% 78%, 73.97% 78%);
+}
+
+#bgWrap div:nth-child(93) {
+	animation: s93 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(67.41% 100%, 67.51% 100%, 77.91% 79%, 77.81% 79%);
+}
+
+#bgWrap div:nth-child(94) {
+	animation: s94 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(71.76% 100%, 71.86% 100%, 82.26% 79%, 82.16% 79%);
+}
+
+#bgWrap div:nth-child(95) {
+	animation: s95 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(76.11% 100%, 76.21% 100%, 87.61% 77%, 87.51% 77%);
+}
+
+#bgWrap div:nth-child(96) {
+	animation: s96 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(80.46% 100%, 80.56% 100%, 92.46% 76%, 92.36% 76%);
+}
+
+#bgWrap div:nth-child(97) {
+	animation: s97 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(84.8% 100%, 84.9% 100%, 98.3% 73%, 98.2% 73%);
+}
+
+#bgWrap div:nth-child(98) {
+	animation: s98 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(89.15% 100%, 89.25% 100%, 102.65% 73%, 102.55% 73%);
+}
+
+#bgWrap div:nth-child(99) {
+	animation: s99 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(93.5% 100%, 93.6% 100%, 107.0% 73%, 106.9% 73%);
+}
+
+#bgWrap div:nth-child(100) {
+	animation: s100 ease-in-out 5s infinite alternate;
+	background-color: #272727;
+	-webkit-clip-path: polygon(97.85% 100%, 97.95% 100%, 110.85% 74%, 110.75% 74%);
+}
+