3d 球运动动画
代码语言：html
所属分类：三维
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Only CSS: Particles Following Camera 1</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<style>
body {
background: black;
background: radial-gradient(ellipse atbottom, #1b2735 0%, #090a0f 100%);
height: 100vh;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-perspective: 600px;
perspective: 600px;
}
div {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.particles {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.camera.-x {
-webkit-transform: rotateX(-20deg);
transform: rotateX(-20deg);
}
.camerafollow.-x {
-webkit-transform: rotateX(20deg);
transform: rotateX(20deg);
}
.part {
position: absolute;
top: 50%;
left: calc(50% + 200px);
}
.graphic {
position: absolute;
width: 12px;
height: 12px;
background: linear-gradient(0deg, #555555 0%, white 100%);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.graphic::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50px;
border-radius: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
}
.rotate {
animation: rotation 10000ms linear infinite reverse;
}
.rotatefollow {
-webkit-animation: rotation 10000ms linear infinite;
animation: rotation 10000ms linear infinite;
}
.particle:nth-child(1) .part {
left: calc(50% + 246px);
}
.particle:nth-child(1) .rotate,
.particle:nth-child(1) .rotatefollow {
-webkit-animation-delay: -52071ms;
animation-delay: -52071ms;
-webkit-animation-duration: 6150ms;
animation-duration: 6150ms;
}
.particle:nth-child(1) .graphic {
background: linear-gradient(0deg, #7a49c2 0%, #deadff 100%);
-webkit-animation: amplitude 1000ms -52071ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -52071ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(1) .graphic::before {
background: linear-gradient(0deg, rgba(172, 123, 244, 0) 50%, rgba(172, 123, 244, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -52071ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -52071ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(2) .part {
left: calc(50% + 207px);
}
.particle:nth-child(2) .rotate,
.particle:nth-child(2) .rotatefollow {
-webkit-animation-delay: -64895ms;
animation-delay: -64895ms;
-webkit-animation-duration: 9934ms;
animation-duration: 9934ms;
}
.particle:nth-child(2) .graphic {
background: linear-gradient(0deg, #347077 0%, #98d4db 100%);
-webkit-animation: amplitude 1000ms -64895ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -64895ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(2) .graphic::before {
background: linear-gradient(0deg, rgba(102, 162, 169, 0) 50%, rgba(102, 162, 169, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -64895ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -64895ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(3) .part {
left: calc(50% + 276px);
}
.particle:nth-child(3) .rotate,
.particle:nth-child(3) .rotatefollow {
-webkit-animation-delay: -47358ms;
animation-delay: -47358ms;
-webkit-animation-duration: 14973ms;
animation-duration: 14973ms;
}
.particle:nth-child(3) .graphic {
background: linear-gradient(0deg, #8c3b40 0%, #f09fa4 100%);
-webkit-animation: amplitude 1000ms -47358ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -47358ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(3) .graphic::before {
background: linear-gradient(0deg, rgba(190, 109, 114, 0) 50%, rgba(190, 109, 114, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -47358ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -47358ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(4) .part {
left: calc(50% + 221px);
}
.particle:nth-child(4) .rotate,
.particle:nth-child(4) .rotatefollow {
-webkit-animation-delay: -101046ms;
animation-delay: -101046ms;
-webkit-animation-duration: 11899ms;
animation-duration: 11899ms;
}
.particle:nth-child(4) .graphic {
background: linear-gradient(0deg, #4c5ca7 0%, #b0c0ff 100%);
-webkit-animation: amplitude 1000ms -101046ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -101046ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(4) .graphic::before {
background: linear-gradient(0deg, rgba(126, 142, 217, 0) 50%, rgba(126, 142, 217, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -101046ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -101046ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(5) .part {
left: calc(50% + 238px);
}
.particle:nth-child(5) .rotate,
.particle:nth-child(5) .rotatefollow {
-webkit-animation-delay: -82297ms;
animation-delay: -82297ms;
-webkit-animation-duration: 5164ms;
animation-duration: 5164ms;
}
.particle:nth-child(5) .graphic {
background: linear-gradient(0deg, #4148c8 0%, #a5acff 100%);
-webkit-animation: amplitude 1000ms -82297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -82297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(5) .graphic::before {
background: linear-gradient(0deg, rgba(115, 122, 250, 0) 50%, rgba(115, 122, 250, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -82297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -82297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(6) .part {
left: calc(50% + 273px);
}
.particle:nth-child(6) .rotate,
.particle:nth-child(6) .rotatefollow {
-webkit-animation-delay: -85118ms;
animation-delay: -85118ms;
-webkit-animation-duration: 6701ms;
animation-duration: 6701ms;
}
.particle:nth-child(6) .graphic {
background: linear-gradient(0deg, #69663d 0%, #cdcaa1 100%);
-webkit-animation: amplitude 1000ms -85118ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -85118ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(6) .graphic::before {
background: linear-gradient(0deg, rgba(155, 152, 111, 0) 50%, rgba(155, 152, 111, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -85118ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -85118ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(7) .part {
left: calc(50% + 273px);
}
.particle:nth-child(7) .rotate,
.particle:nth-child(7) .rotatefollow {
-webkit-animation-delay: -89092ms;
animation-delay: -89092ms;
-webkit-animation-duration: 7977ms;
animation-duration: 7977ms;
}
.particle:nth-child(7) .graphic {
background: linear-gradient(0deg, #5c3e33 0%, #c0a297 100%);
-webkit-animation: amplitude 1000ms -89092ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -89092ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(7) .graphic::before {
background: linear-gradient(0deg, rgba(142, 112, 101, 0) 50%, rgba(142, 112, 101, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -89092ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -89092ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(8) .part {
left: calc(50% + 244px);
}
.particle:nth-child(8) .rotate,
.particle:nth-child(8) .rotatefollow {
-webkit-animation-delay: -20473ms;
animation-delay: -20473ms;
-webkit-animation-duration: 7177ms;
animation-duration: 7177ms;
}
.particle:nth-child(8) .graphic {
background: linear-gradient(0deg, #5e3ec5 0%, #c2a2ff 100%);
-webkit-animation: amplitude 1000ms -20473ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -20473ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(8) .graphic::before {
background: linear-gradient(0deg, rgba(144, 112, 247, 0) 50%, rgba(144, 112, 247, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -20473ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -20473ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(9) .part {
left: calc(50% + 256px);
}
.particle:nth-child(9) .rotate,
.particle:nth-child(9) .rotatefollow {
-webkit-animation-delay: -81714ms;
animation-delay: -81714ms;
-webkit-animation-duration: 7742ms;
animation-duration: 7742ms;
}
.particle:nth-child(9) .graphic {
background: linear-gradient(0deg, #3d80c2 0%, #a1e4ff 100%);
-webkit-animation: amplitude 1000ms -81714ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -81714ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(9) .graphic::before {
background: linear-gradient(0deg, rgba(111, 178, 244, 0) 50%, rgba(111, 178, 244, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -81714ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -81714ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(10) .part {
left: calc(50% + 185px);
}
.particle:nth-child(10) .rotate,
.particle:nth-child(10) .rotatefollow {
-webkit-animation-delay: -70445ms;
animation-delay: -70445ms;
-webkit-animation-duration: 11897ms;
animation-duration: 11897ms;
}
.particle:nth-child(10) .graphic {
background: linear-gradient(0deg, #41803c 0%, #a5e4a0 100%);
-webkit-animation: amplitude 1000ms -70445ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -70445ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(10) .graphic::before {
background: linear-gradient(0deg, rgba(115, 178, 110, 0) 50%, rgba(115, 178, 110, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -70445ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -70445ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(11) .part {
left: calc(50% + 191px);
}
.particle:nth-child(11) .rotate,
.particle:nth-child(11) .rotatefollow {
-webkit-animation-delay: -35567ms;
animation-delay: -35567ms;
-webkit-animation-duration: 8122ms;
animation-duration: 8122ms;
}
.particle:nth-child(11) .graphic {
background: linear-gradient(0deg, #474371 0%, #aba7d5 100%);
-webkit-animation: amplitude 1000ms -35567ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35567ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(11) .graphic::before {
background: linear-gradient(0deg, rgba(121, 117, 163, 0) 50%, rgba(121, 117, 163, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35567ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35567ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(12) .part {
left: calc(50% + 279px);
}
.particle:nth-child(12) .rotate,
.particle:nth-child(12) .rotatefollow {
-webkit-animation-delay: -110181ms;
animation-delay: -110181ms;
-webkit-animation-duration: 11141ms;
animation-duration: 11141ms;
}
.particle:nth-child(12) .graphic {
background: linear-gradient(0deg, #55624a 0%, #b9c6ae 100%);
-webkit-animation: amplitude 1000ms -110181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -110181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(12) .graphic::before {
background: linear-gradient(0deg, rgba(135, 148, 124, 0) 50%, rgba(135, 148, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -110181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -110181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(13) .part {
left: calc(50% + 183px);
}
.particle:nth-child(13) .rotate,
.particle:nth-child(13) .rotatefollow {
-webkit-animation-delay: -63177ms;
animation-delay: -63177ms;
-webkit-animation-duration: 6483ms;
animation-duration: 6483ms;
}
.particle:nth-child(13) .graphic {
background: linear-gradient(0deg, #365770 0%, #9abbd4 100%);
-webkit-animation: amplitude 1000ms -63177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -63177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(13) .graphic::before {
background: linear-gradient(0deg, rgba(104, 137, 162, 0) 50%, rgba(104, 137, 162, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -63177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -63177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(14) .part {
left: calc(50% + 206px);
}
.particle:nth-child(14) .rotate,
.particle:nth-child(14) .rotatefollow {
-webkit-animation-delay: -60404ms;
animation-delay: -60404ms;
-webkit-animation-duration: 12103ms;
animation-duration: 12103ms;
}
.particle:nth-child(14) .graphic {
background: linear-gradient(0deg, #7d7f4a 0%, #e1e3ae 100%);
-webkit-animation: amplitude 1000ms -60404ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -60404ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(14) .graphic::before {
background: linear-gradient(0deg, rgba(175, 177, 124, 0) 50%, rgba(175, 177, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -60404ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -60404ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(15) .part {
left: calc(50% + 241px);
}
.particle:nth-child(15) .rotate,
.particle:nth-child(15) .rotatefollow {
-webkit-animation-delay: -100742ms;
animation-delay: -100742ms;
-webkit-animation-duration: 12907ms;
animation-duration: 12907ms;
}
.particle:nth-child(15) .graphic {
background: linear-gradient(0deg, #7443b6 0%, #d8a7ff 100%);
-webkit-animation: amplitude 1000ms -100742ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -100742ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(15) .graphic::before {
background: linear-gradient(0deg, rgba(166, 117, 232, 0) 50%, rgba(166, 117, 232, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -100742ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -100742ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(16) .part {
left: calc(50% + 260px);
}
.particle:nth-child(16) .rotate,
.particle:nth-child(16) .rotatefollow {
-webkit-animation-delay: -114038ms;
animation-delay: -114038ms;
-webkit-animation-duration: 12564ms;
animation-duration: 12564ms;
}
.particle:nth-child(16) .graphic {
background: linear-gradient(0deg, #8365c6 0%, #e7c9ff 100%);
-webkit-animation: amplitude 1000ms -114038ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114038ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(16) .graphic::before {
background: linear-gradient(0deg, rgba(181, 151, 248, 0) 50%, rgba(181, 151, 248, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114038ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114038ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(17) .part {
left: calc(50% + 200px);
}
.particle:nth-child(17) .rotate,
.particle:nth-child(17) .rotatefollow {
-webkit-animation-delay: -99201ms;
animation-delay: -99201ms;
-webkit-animation-duration: 11990ms;
animation-duration: 11990ms;
}
.particle:nth-child(17) .graphic {
background: linear-gradient(0deg, #3d75ae 0%, #a1d9ff 100%);
-webkit-animation: amplitude 1000ms -99201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -99201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(17) .graphic::before {
background: linear-gradient(0deg, rgba(111, 167, 224, 0) 50%, rgba(111, 167, 224, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -99201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -99201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(18) .part {
left: calc(50% + 239px);
}
.particle:nth-child(18) .rotate,
.particle:nth-child(18) .rotatefollow {
-webkit-animation-delay: -52933ms;
animation-delay: -52933ms;
-webkit-animation-duration: 12634ms;
animation-duration: 12634ms;
}
.particle:nth-child(18) .graphic {
background: linear-gradient(0deg, #8d7d7c 0%, #f1e1e0 100%);
-webkit-animation: amplitude 1000ms -52933ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -52933ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(18) .graphic::before {
background: linear-gradient(0deg, rgba(191, 175, 174, 0) 50%, rgba(191, 175, 174, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -52933ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -52933ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(19) .part {
left: calc(50% + 269px);
}
.particle:nth-child(19) .rotate,
.particle:nth-child(19) .rotatefollow {
-webkit-animation-delay: -17207ms;
animation-delay: -17207ms;
-webkit-animation-duration: 10148ms;
animation-duration: 10148ms;
}
.particle:nth-child(19) .graphic {
background: linear-gradient(0deg, #7b665e 0%, #dfcac2 100%);
-webkit-animation: amplitude 1000ms -17207ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -17207ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(19) .graphic::before {
background: linear-gradient(0deg, rgba(173, 152, 144, 0) 50%, rgba(173, 152, 144, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -17207ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -17207ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(20) .part {
left: calc(50% + 211px);
}
.particle:nth-child(20) .rotate,
.particle:nth-child(20) .rotatefollow {
-webkit-animation-delay: -37247ms;
animation-delay: -37247ms;
-webkit-animation-duration: 7126ms;
animation-duration: 7126ms;
}
.particle:nth-child(20) .graphic {
background: linear-gradient(0deg, #6b4374 0%, #cfa7d8 100%);
-webkit-animation: amplitude 1000ms -37247ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -37247ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(20) .graphic::before {
background: linear-gradient(0deg, rgba(157, 117, 166, 0) 50%, rgba(157, 117, 166, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -37247ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -37247ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(21) .part {
left: calc(50% + 193px);
}
.particle:nth-child(21) .rotate,
.particle:nth-child(21) .rotatefollow {
-webkit-animation-delay: -24197ms;
animation-delay: -24197ms;
-webkit-animation-duration: 9156ms;
animation-duration: 9156ms;
}
.particle:nth-child(21) .graphic {
background: linear-gradient(0deg, #6e6e7f 0%, #d2d2e3 100%);
-webkit-animation: amplitude 1000ms -24197ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -24197ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(21) .graphic::before {
background: linear-gradient(0deg, rgba(160, 160, 177, 0) 50%, rgba(160, 160, 177, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -24197ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -24197ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(22) .part {
left: calc(50% + 235px);
}
.particle:nth-child(22) .rotate,
.particle:nth-child(22) .rotatefollow {
-webkit-animation-delay: -114219ms;
animation-delay: -114219ms;
-webkit-animation-duration: 12635ms;
animation-duration: 12635ms;
}
.particle:nth-child(22) .graphic {
background: linear-gradient(0deg, #3f3f33 0%, #a3a397 100%);
-webkit-animation: amplitude 1000ms -114219ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114219ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(22) .graphic::before {
background: linear-gradient(0deg, rgba(113, 113, 101, 0) 50%, rgba(113, 113, 101, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114219ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114219ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(23) .part {
left: calc(50% + 257px);
}
.particle:nth-child(23) .rotate,
.particle:nth-child(23) .rotatefollow {
-webkit-animation-delay: -70745ms;
animation-delay: -70745ms;
-webkit-animation-duration: 6203ms;
animation-duration: 6203ms;
}
.particle:nth-child(23) .graphic {
background: linear-gradient(0deg, #55937e 0%, #b9f7e2 100%);
-webkit-animation: amplitude 1000ms -70745ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -70745ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(23) .graphic::before {
background: linear-gradient(0deg, rgba(135, 197, 176, 0) 50%, rgba(135, 197, 176, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -70745ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -70745ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(24) .part {
left: calc(50% + 279px);
}
.particle:nth-child(24) .rotate,
.particle:nth-child(24) .rotatefollow {
-webkit-animation-delay: -27131ms;
animation-delay: -27131ms;
-webkit-animation-duration: 9061ms;
animation-duration: 9061ms;
}
.particle:nth-child(24) .graphic {
background: linear-gradient(0deg, #774fb8 0%, #dbb3ff 100%);
-webkit-animation: amplitude 1000ms -27131ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -27131ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(24) .graphic::before {
background: linear-gradient(0deg, rgba(169, 129, 234, 0) 50%, rgba(169, 129, 234, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -27131ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -27131ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(25) .part {
left: calc(50% + 251px);
}
.particle:nth-child(25) .rotate,
.particle:nth-child(25) .rotatefollow {
-webkit-animation-delay: -24721ms;
animation-delay: -24721ms;
-webkit-animation-duration: 14051ms;
animation-duration: 14051ms;
}
.particle:nth-child(25) .graphic {
background: linear-gradient(0deg, #345da2 0%, #98c1ff 100%);
-webkit-animation: amplitude 1000ms -24721ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -24721ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(25) .graphic::before {
background: linear-gradient(0deg, rgba(102, 143, 212, 0) 50%, rgba(102, 143, 212, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -24721ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -24721ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(26) .part {
left: calc(50% + 242px);
}
.particle:nth-child(26) .rotate,
.particle:nth-child(26) .rotatefollow {
-webkit-animation-delay: -67697ms;
animation-delay: -67697ms;
-webkit-animation-duration: 12447ms;
animation-duration: 12447ms;
}
.particle:nth-child(26) .graphic {
background: linear-gradient(0deg, #52817b 0%, #b6e5df 100%);
-webkit-animation: amplitude 1000ms -67697ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -67697ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(26) .graphic::before {
background: linear-gradient(0deg, rgba(132, 179, 173, 0) 50%, rgba(132, 179, 173, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -67697ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -67697ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(27) .part {
left: calc(50% + 259px);
}
.particle:nth-child(27) .rotate,
.particle:nth-child(27) .rotatefollow {
-webkit-animation-delay: -100860ms;
animation-delay: -100860ms;
-webkit-animation-duration: 10605ms;
animation-duration: 10605ms;
}
.particle:nth-child(27) .graphic {
background: linear-gradient(0deg, #744359 0%, #d8a7bd 100%);
-webkit-animation: amplitude 1000ms -100860ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -100860ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(27) .graphic::before {
background: linear-gradient(0deg, rgba(166, 117, 139, 0) 50%, rgba(166, 117, 139, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -100860ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -100860ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(28) .part {
left: calc(50% + 270px);
}
.particle:nth-child(28) .rotate,
.particle:nth-child(28) .rotatefollow {
-webkit-animation-delay: -100301ms;
animation-delay: -100301ms;
-webkit-animation-duration: 10916ms;
animation-duration: 10916ms;
}
.particle:nth-child(28) .graphic {
background: linear-gradient(0deg, #795738 0%, #ddbb9c 100%);
-webkit-animation: amplitude 1000ms -100301ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -100301ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(28) .graphic::before {
background: linear-gradient(0deg, rgba(171, 137, 106, 0) 50%, rgba(171, 137, 106, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -100301ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -100301ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(29) .part {
left: calc(50% + 255px);
}
.particle:nth-child(29) .rotate,
.particle:nth-child(29) .rotatefollow {
-webkit-animation-delay: -91795ms;
animation-delay: -91795ms;
-webkit-animation-duration: 5094ms;
animation-duration: 5094ms;
}
.particle:nth-child(29) .graphic {
background: linear-gradient(0deg, #768860 0%, #daecc4 100%);
-webkit-animation: amplitude 1000ms -91795ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -91795ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(29) .graphic::before {
background: linear-gradient(0deg, rgba(168, 186, 146, 0) 50%, rgba(168, 186, 146, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -91795ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -91795ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(30) .part {
left: calc(50% + 264px);
}
.particle:nth-child(30) .rotate,
.particle:nth-child(30) .rotatefollow {
-webkit-animation-delay: -61397ms;
animation-delay: -61397ms;
-webkit-animation-duration: 5308ms;
animation-duration: 5308ms;
}
.particle:nth-child(30) .graphic {
background: linear-gradient(0deg, #928451 0%, #f6e8b5 100%);
-webkit-animation: amplitude 1000ms -61397ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -61397ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(30) .graphic::before {
background: linear-gradient(0deg, rgba(196, 182, 131, 0) 50%, rgba(196, 182, 131, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -61397ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -61397ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(31) .part {
left: calc(50% + 271px);
}
.particle:nth-child(31) .rotate,
.particle:nth-child(31) .rotatefollow {
-webkit-animation-delay: -29430ms;
animation-delay: -29430ms;
-webkit-animation-duration: 12619ms;
animation-duration: 12619ms;
}
.particle:nth-child(31) .graphic {
background: linear-gradient(0deg, #673ca7 0%, #cba0ff 100%);
-webkit-animation: amplitude 1000ms -29430ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -29430ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(31) .graphic::before {
background: linear-gradient(0deg, rgba(153, 110, 217, 0) 50%, rgba(153, 110, 217, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -29430ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -29430ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(32) .part {
left: calc(50% + 242px);
}
.particle:nth-child(32) .rotate,
.particle:nth-child(32) .rotatefollow {
-webkit-animation-delay: -114700ms;
animation-delay: -114700ms;
-webkit-animation-duration: 13997ms;
animation-duration: 13997ms;
}
.particle:nth-child(32) .graphic {
background: linear-gradient(0deg, #8e96b7 0%, #f2faff 100%);
-webkit-animation: amplitude 1000ms -114700ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114700ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(32) .graphic::before {
background: linear-gradient(0deg, rgba(192, 200, 233, 0) 50%, rgba(192, 200, 233, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114700ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114700ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(33) .part {
left: calc(50% + 241px);
}
.particle:nth-child(33) .rotate,
.particle:nth-child(33) .rotatefollow {
-webkit-animation-delay: -35331ms;
animation-delay: -35331ms;
-webkit-animation-duration: 11847ms;
animation-duration: 11847ms;
}
.particle:nth-child(33) .graphic {
background: linear-gradient(0deg, #5b763f 0%, #bfdaa3 100%);
-webkit-animation: amplitude 1000ms -35331ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35331ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(33) .graphic::before {
background: linear-gradient(0deg, rgba(141, 168, 113, 0) 50%, rgba(141, 168, 113, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35331ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35331ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(34) .part {
left: calc(50% + 224px);
}
.particle:nth-child(34) .rotate,
.particle:nth-child(34) .rotatefollow {
-webkit-animation-delay: -79193ms;
animation-delay: -79193ms;
-webkit-animation-duration: 14986ms;
animation-duration: 14986ms;
}
.particle:nth-child(34) .graphic {
background: linear-gradient(0deg, #6d5958 0%, #d1bdbc 100%);
-webkit-animation: amplitude 1000ms -79193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -79193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(34) .graphic::before {
background: linear-gradient(0deg, rgba(159, 139, 138, 0) 50%, rgba(159, 139, 138, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -79193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -79193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(35) .part {
left: calc(50% + 218px);
}
.particle:nth-child(35) .rotate,
.particle:nth-child(35) .rotatefollow {
-webkit-animation-delay: -83120ms;
animation-delay: -83120ms;
-webkit-animation-duration: 11657ms;
animation-duration: 11657ms;
}
.particle:nth-child(35) .graphic {
background: linear-gradient(0deg, #536795 0%, #b7cbf9 100%);
-webkit-animation: amplitude 1000ms -83120ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -83120ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(35) .graphic::before {
background: linear-gradient(0deg, rgba(133, 153, 199, 0) 50%, rgba(133, 153, 199, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -83120ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -83120ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(36) .part {
left: calc(50% + 264px);
}
.particle:nth-child(36) .rotate,
.particle:nth-child(36) .rotatefollow {
-webkit-animation-delay: -24650ms;
animation-delay: -24650ms;
-webkit-animation-duration: 6549ms;
animation-duration: 6549ms;
}
.particle:nth-child(36) .graphic {
background: linear-gradient(0deg, #5b8e6b 0%, #bff2cf 100%);
-webkit-animation: amplitude 1000ms -24650ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -24650ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(36) .graphic::before {
background: linear-gradient(0deg, rgba(141, 192, 157, 0) 50%, rgba(141, 192, 157, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -24650ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -24650ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(37) .part {
left: calc(50% + 214px);
}
.particle:nth-child(37) .rotate,
.particle:nth-child(37) .rotatefollow {
-webkit-animation-delay: -109400ms;
animation-delay: -109400ms;
-webkit-animation-duration: 5908ms;
animation-duration: 5908ms;
}
.particle:nth-child(37) .graphic {
background: linear-gradient(0deg, #5e3fc2 0%, #c2a3ff 100%);
-webkit-animation: amplitude 1000ms -109400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -109400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(37) .graphic::before {
background: linear-gradient(0deg, rgba(144, 113, 244, 0) 50%, rgba(144, 113, 244, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -109400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -109400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(38) .part {
left: calc(50% + 226px);
}
.particle:nth-child(38) .rotate,
.particle:nth-child(38) .rotatefollow {
-webkit-animation-delay: -71601ms;
animation-delay: -71601ms;
-webkit-animation-duration: 8863ms;
animation-duration: 8863ms;
}
.particle:nth-child(38) .graphic {
background: linear-gradient(0deg, #4642a4 0%, #aaa6ff 100%);
-webkit-animation: amplitude 1000ms -71601ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -71601ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(38) .graphic::before {
background: linear-gradient(0deg, rgba(120, 116, 214, 0) 50%, rgba(120, 116, 214, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -71601ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -71601ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(39) .part {
left: calc(50% + 278px);
}
.particle:nth-child(39) .rotate,
.particle:nth-child(39) .rotatefollow {
-webkit-animation-delay: -36501ms;
animation-delay: -36501ms;
-webkit-animation-duration: 5918ms;
animation-duration: 5918ms;
}
.particle:nth-child(39) .graphic {
background: linear-gradient(0deg, #386d8d 0%, #9cd1f1 100%);
-webkit-animation: amplitude 1000ms -36501ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -36501ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(39) .graphic::before {
background: linear-gradient(0deg, rgba(106, 159, 191, 0) 50%, rgba(106, 159, 191, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -36501ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -36501ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(40) .part {
left: calc(50% + 218px);
}
.particle:nth-child(40) .rotate,
.particle:nth-child(40) .rotatefollow {
-webkit-animation-delay: -35870ms;
animation-delay: -35870ms;
-webkit-animation-duration: 14506ms;
animation-duration: 14506ms;
}
.particle:nth-child(40) .graphic {
background: linear-gradient(0deg, #867495 0%, #ead8f9 100%);
-webkit-animation: amplitude 1000ms -35870ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35870ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(40) .graphic::before {
background: linear-gradient(0deg, rgba(184, 166, 199, 0) 50%, rgba(184, 166, 199, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35870ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35870ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(41) .part {
left: calc(50% + 254px);
}
.particle:nth-child(41) .rotate,
.particle:nth-child(41) .rotatefollow {
-webkit-animation-delay: -90893ms;
animation-delay: -90893ms;
-webkit-animation-duration: 7489ms;
animation-duration: 7489ms;
}
.particle:nth-child(41) .graphic {
background: linear-gradient(0deg, #448b95 0%, #a8eff9 100%);
-webkit-animation: amplitude 1000ms -90893ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -90893ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(41) .graphic::before {
background: linear-gradient(0deg, rgba(118, 189, 199, 0) 50%, rgba(118, 189, 199, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -90893ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -90893ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(42) .part {
left: calc(50% + 226px);
}
.particle:nth-child(42) .rotate,
.particle:nth-child(42) .rotatefollow {
-webkit-animation-delay: -82794ms;
animation-delay: -82794ms;
-webkit-animation-duration: 14700ms;
animation-duration: 14700ms;
}
.particle:nth-child(42) .graphic {
background: linear-gradient(0deg, #9577b5 0%, #f9dbff 100%);
-webkit-animation: amplitude 1000ms -82794ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -82794ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(42) .graphic::before {
background: linear-gradient(0deg, rgba(199, 169, 231, 0) 50%, rgba(199, 169, 231, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -82794ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -82794ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(43) .part {
left: calc(50% + 272px);
}
.particle:nth-child(43) .rotate,
.particle:nth-child(43) .rotatefollow {
-webkit-animation-delay: -56405ms;
animation-delay: -56405ms;
-webkit-animation-duration: 13834ms;
animation-duration: 13834ms;
}
.particle:nth-child(43) .graphic {
background: linear-gradient(0deg, #8f65ad 0%, #f3c9ff 100%);
-webkit-animation: amplitude 1000ms -56405ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -56405ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(43) .graphic::before {
background: linear-gradient(0deg, rgba(193, 151, 223, 0) 50%, rgba(193, 151, 223, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -56405ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -56405ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(44) .part {
left: calc(50% + 227px);
}
.particle:nth-child(44) .rotate,
.particle:nth-child(44) .rotatefollow {
-webkit-animation-delay: -74163ms;
animation-delay: -74163ms;
-webkit-animation-duration: 10148ms;
animation-duration: 10148ms;
}
.particle:nth-child(44) .graphic {
background: linear-gradient(0deg, #4e40b8 0%, #b2a4ff 100%);
-webkit-animation: amplitude 1000ms -74163ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -74163ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(44) .graphic::before {
background: linear-gradient(0deg, rgba(128, 114, 234, 0) 50%, rgba(128, 114, 234, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -74163ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -74163ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(45) .part {
left: calc(50% + 269px);
}
.particle:nth-child(45) .rotate,
.particle:nth-child(45) .rotatefollow {
-webkit-animation-delay: -108831ms;
animation-delay: -108831ms;
-webkit-animation-duration: 5727ms;
animation-duration: 5727ms;
}
.particle:nth-child(45) .graphic {
background: linear-gradient(0deg, #868664 0%, #eaeac8 100%);
-webkit-animation: amplitude 1000ms -108831ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -108831ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(45) .graphic::before {
background: linear-gradient(0deg, rgba(184, 184, 150, 0) 50%, rgba(184, 184, 150, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -108831ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -108831ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(46) .part {
left: calc(50% + 263px);
}
.particle:nth-child(46) .rotate,
.particle:nth-child(46) .rotatefollow {
-webkit-animation-delay: -60708ms;
animation-delay: -60708ms;
-webkit-animation-duration: 9363ms;
animation-duration: 9363ms;
}
.particle:nth-child(46) .graphic {
background: linear-gradient(0deg, #7e7f99 0%, #e2e3fd 100%);
-webkit-animation: amplitude 1000ms -60708ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -60708ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(46) .graphic::before {
background: linear-gradient(0deg, rgba(176, 177, 203, 0) 50%, rgba(176, 177, 203, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -60708ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -60708ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(47) .part {
left: calc(50% + 211px);
}
.particle:nth-child(47) .rotate,
.particle:nth-child(47) .rotatefollow {
-webkit-animation-delay: -91255ms;
animation-delay: -91255ms;
-webkit-animation-duration: 5617ms;
animation-duration: 5617ms;
}
.particle:nth-child(47) .graphic {
background: linear-gradient(0deg, #7683be 0%, #dae7ff 100%);
-webkit-animation: amplitude 1000ms -91255ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -91255ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(47) .graphic::before {
background: linear-gradient(0deg, rgba(168, 181, 240, 0) 50%, rgba(168, 181, 240, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -91255ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -91255ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(48) .part {
left: calc(50% + 264px);
}
.particle:nth-child(48) .rotate,
.particle:nth-child(48) .rotatefollow {
-webkit-animation-delay: -90712ms;
animation-delay: -90712ms;
-webkit-animation-duration: 10473ms;
animation-duration: 10473ms;
}
.particle:nth-child(48) .graphic {
background: linear-gradient(0deg, #787a86 0%, #dcdeea 100%);
-webkit-animation: amplitude 1000ms -90712ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -90712ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(48) .graphic::before {
background: linear-gradient(0deg, rgba(170, 172, 184, 0) 50%, rgba(170, 172, 184, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -90712ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -90712ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(49) .part {
left: calc(50% + 188px);
}
.particle:nth-child(49) .rotate,
.particle:nth-child(49) .rotatefollow {
-webkit-animation-delay: -61606ms;
animation-delay: -61606ms;
-webkit-animation-duration: 10446ms;
animation-duration: 10446ms;
}
.particle:nth-child(49) .graphic {
background: linear-gradient(0deg, #35459e 0%, #99a9ff 100%);
-webkit-animation: amplitude 1000ms -61606ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -61606ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(49) .graphic::before {
background: linear-gradient(0deg, rgba(103, 119, 208, 0) 50%, rgba(103, 119, 208, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -61606ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -61606ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(50) .part {
left: calc(50% + 244px);
}
.particle:nth-child(50) .rotate,
.particle:nth-child(50) .rotatefollow {
-webkit-animation-delay: -101062ms;
animation-delay: -101062ms;
-webkit-animation-duration: 14324ms;
animation-duration: 14324ms;
}
.particle:nth-child(50) .graphic {
background: linear-gradient(0deg, #877f7b 0%, #ebe3df 100%);
-webkit-animation: amplitude 1000ms -101062ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -101062ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(50) .graphic::before {
background: linear-gradient(0deg, rgba(185, 177, 173, 0) 50%, rgba(185, 177, 173, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -101062ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -101062ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(51) .part {
left: calc(50% + 246px);
}
.particle:nth-child(51) .rotate,
.particle:nth-child(51) .rotatefollow {
-webkit-animation-delay: -92460ms;
animation-delay: -92460ms;
-webkit-animation-duration: 7666ms;
animation-duration: 7666ms;
}
.particle:nth-child(51) .graphic {
background: linear-gradient(0deg, #70966c 0%, #d4fad0 100%);
-webkit-animation: amplitude 1000ms -92460ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -92460ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(51) .graphic::before {
background: linear-gradient(0deg, rgba(162, 200, 158, 0) 50%, rgba(162, 200, 158, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -92460ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -92460ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(52) .part {
left: calc(50% + 264px);
}
.particle:nth-child(52) .rotate,
.particle:nth-child(52) .rotatefollow {
-webkit-animation-delay: -103774ms;
animation-delay: -103774ms;
-webkit-animation-duration: 12139ms;
animation-duration: 12139ms;
}
.particle:nth-child(52) .graphic {
background: linear-gradient(0deg, #408739 0%, #a4eb9d 100%);
-webkit-animation: amplitude 1000ms -103774ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -103774ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(52) .graphic::before {
background: linear-gradient(0deg, rgba(114, 185, 107, 0) 50%, rgba(114, 185, 107, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -103774ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -103774ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(53) .part {
left: calc(50% + 205px);
}
.particle:nth-child(53) .rotate,
.particle:nth-child(53) .rotatefollow {
-webkit-animation-delay: -72729ms;
animation-delay: -72729ms;
-webkit-animation-duration: 6149ms;
animation-duration: 6149ms;
}
.particle:nth-child(53) .graphic {
background: linear-gradient(0deg, #837174 0%, #e7d5d8 100%);
-webkit-animation: amplitude 1000ms -72729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -72729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(53) .graphic::before {
background: linear-gradient(0deg, rgba(181, 163, 166, 0) 50%, rgba(181, 163, 166, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -72729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -72729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(54) .part {
left: calc(50% + 265px);
}
.particle:nth-child(54) .rotate,
.particle:nth-child(54) .rotatefollow {
-webkit-animation-delay: -105492ms;
animation-delay: -105492ms;
-webkit-animation-duration: 11984ms;
animation-duration: 11984ms;
}
.particle:nth-child(54) .graphic {
background: linear-gradient(0deg, #5e8967 0%, #c2edcb 100%);
-webkit-animation: amplitude 1000ms -105492ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -105492ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(54) .graphic::before {
background: linear-gradient(0deg, rgba(144, 187, 153, 0) 50%, rgba(144, 187, 153, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -105492ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -105492ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(55) .part {
left: calc(50% + 270px);
}
.particle:nth-child(55) .rotate,
.particle:nth-child(55) .rotatefollow {
-webkit-animation-delay: -57505ms;
animation-delay: -57505ms;
-webkit-animation-duration: 12865ms;
animation-duration: 12865ms;
}
.particle:nth-child(55) .graphic {
background: linear-gradient(0deg, #5e3390 0%, #c297f4 100%);
-webkit-animation: amplitude 1000ms -57505ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -57505ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(55) .graphic::before {
background: linear-gradient(0deg, rgba(144, 101, 194, 0) 50%, rgba(144, 101, 194, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -57505ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -57505ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(56) .part {
left: calc(50% + 271px);
}
.particle:nth-child(56) .rotate,
.particle:nth-child(56) .rotatefollow {
-webkit-animation-delay: -57788ms;
animation-delay: -57788ms;
-webkit-animation-duration: 13150ms;
animation-duration: 13150ms;
}
.particle:nth-child(56) .graphic {
background: linear-gradient(0deg, #556d7e 0%, #b9d1e2 100%);
-webkit-animation: amplitude 1000ms -57788ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -57788ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(56) .graphic::before {
background: linear-gradient(0deg, rgba(135, 159, 176, 0) 50%, rgba(135, 159, 176, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -57788ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -57788ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(57) .part {
left: calc(50% + 187px);
}
.particle:nth-child(57) .rotate,
.particle:nth-child(57) .rotatefollow {
-webkit-animation-delay: -40766ms;
animation-delay: -40766ms;
-webkit-animation-duration: 7996ms;
animation-duration: 7996ms;
}
.particle:nth-child(57) .graphic {
background: linear-gradient(0deg, #4074bb 0%, #a4d8ff 100%);
-webkit-animation: amplitude 1000ms -40766ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -40766ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(57) .graphic::before {
background: linear-gradient(0deg, rgba(114, 166, 237, 0) 50%, rgba(114, 166, 237, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -40766ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -40766ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(58) .part {
left: calc(50% + 193px);
}
.particle:nth-child(58) .rotate,
.particle:nth-child(58) .rotatefollow {
-webkit-animation-delay: -104842ms;
animation-delay: -104842ms;
-webkit-animation-duration: 13881ms;
animation-duration: 13881ms;
}
.particle:nth-child(58) .graphic {
background: linear-gradient(0deg, #4a61bf 0%, #aec5ff 100%);
-webkit-animation: amplitude 1000ms -104842ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -104842ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(58) .graphic::before {
background: linear-gradient(0deg, rgba(124, 147, 241, 0) 50%, rgba(124, 147, 241, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -104842ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -104842ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(59) .part {
left: calc(50% + 238px);
}
.particle:nth-child(59) .rotate,
.particle:nth-child(59) .rotatefollow {
-webkit-animation-delay: -40730ms;
animation-delay: -40730ms;
-webkit-animation-duration: 9981ms;
animation-duration: 9981ms;
}
.particle:nth-child(59) .graphic {
background: linear-gradient(0deg, #7a3c76 0%, #dea0da 100%);
-webkit-animation: amplitude 1000ms -40730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -40730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(59) .graphic::before {
background: linear-gradient(0deg, rgba(172, 110, 168, 0) 50%, rgba(172, 110, 168, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -40730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -40730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(60) .part {
left: calc(50% + 259px);
}
.particle:nth-child(60) .rotate,
.particle:nth-child(60) .rotatefollow {
-webkit-animation-delay: -39762ms;
animation-delay: -39762ms;
-webkit-animation-duration: 8216ms;
animation-duration: 8216ms;
}
.particle:nth-child(60) .graphic {
background: linear-gradient(0deg, #685bb2 0%, #ccbfff 100%);
-webkit-animation: amplitude 1000ms -39762ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -39762ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(60) .graphic::before {
background: linear-gradient(0deg, rgba(154, 141, 228, 0) 50%, rgba(154, 141, 228, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -39762ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -39762ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(61) .part {
left: calc(50% + 237px);
}
.particle:nth-child(61) .rotate,
.particle:nth-child(61) .rotatefollow {
-webkit-animation-delay: -78408ms;
animation-delay: -78408ms;
-webkit-animation-duration: 5616ms;
animation-duration: 5616ms;
}
.particle:nth-child(61) .graphic {
background: linear-gradient(0deg, #5b496e 0%, #bfadd2 100%);
-webkit-animation: amplitude 1000ms -78408ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -78408ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(61) .graphic::before {
background: linear-gradient(0deg, rgba(141, 123, 160, 0) 50%, rgba(141, 123, 160, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -78408ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -78408ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(62) .part {
left: calc(50% + 229px);
}
.particle:nth-child(62) .rotate,
.particle:nth-child(62) .rotatefollow {
-webkit-animation-delay: -29669ms;
animation-delay: -29669ms;
-webkit-animation-duration: 14786ms;
animation-duration: 14786ms;
}
.particle:nth-child(62) .graphic {
background: linear-gradient(0deg, #675d8d 0%, #cbc1f1 100%);
-webkit-animation: amplitude 1000ms -29669ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -29669ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(62) .graphic::before {
background: linear-gradient(0deg, rgba(153, 143, 191, 0) 50%, rgba(153, 143, 191, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -29669ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -29669ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(63) .part {
left: calc(50% + 253px);
}
.particle:nth-child(63) .rotate,
.particle:nth-child(63) .rotatefollow {
-webkit-animation-delay: -21509ms;
animation-delay: -21509ms;
-webkit-animation-duration: 7735ms;
animation-duration: 7735ms;
}
.particle:nth-child(63) .graphic {
background: linear-gradient(0deg, #909494 0%, #f4f8f8 100%);
-webkit-animation: amplitude 1000ms -21509ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -21509ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(63) .graphic::before {
background: linear-gradient(0deg, rgba(194, 198, 198, 0) 50%, rgba(194, 198, 198, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -21509ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -21509ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(64) .part {
left: calc(50% + 268px);
}
.particle:nth-child(64) .rotate,
.particle:nth-child(64) .rotatefollow {
-webkit-animation-delay: -81252ms;
animation-delay: -81252ms;
-webkit-animation-duration: 13161ms;
animation-duration: 13161ms;
}
.particle:nth-child(64) .graphic {
background: linear-gradient(0deg, #666c9f 0%, #cad0ff 100%);
-webkit-animation: amplitude 1000ms -81252ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -81252ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(64) .graphic::before {
background: linear-gradient(0deg, rgba(152, 158, 209, 0) 50%, rgba(152, 158, 209, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -81252ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -81252ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(65) .part {
left: calc(50% + 195px);
}
.particle:nth-child(65) .rotate,
.particle:nth-child(65) .rotatefollow {
-webkit-animation-delay: -93146ms;
animation-delay: -93146ms;
-webkit-animation-duration: 6671ms;
animation-duration: 6671ms;
}
.particle:nth-child(65) .graphic {
background: linear-gradient(0deg, #7a80a7 0%, #dee4ff 100%);
-webkit-animation: amplitude 1000ms -93146ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -93146ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(65) .graphic::before {
background: linear-gradient(0deg, rgba(172, 178, 217, 0) 50%, rgba(172, 178, 217, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -93146ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -93146ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(66) .part {
left: calc(50% + 230px);
}
.particle:nth-child(66) .rotate,
.particle:nth-child(66) .rotatefollow {
-webkit-animation-delay: -110288ms;
animation-delay: -110288ms;
-webkit-animation-duration: 5747ms;
animation-duration: 5747ms;
}
.particle:nth-child(66) .graphic {
background: linear-gradient(0deg, #885260 0%, #ecb6c4 100%);
-webkit-animation: amplitude 1000ms -110288ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -110288ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(66) .graphic::before {
background: linear-gradient(0deg, rgba(186, 132, 146, 0) 50%, rgba(186, 132, 146, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -110288ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -110288ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(67) .part {
left: calc(50% + 234px);
}
.particle:nth-child(67) .rotate,
.particle:nth-child(67) .rotatefollow {
-webkit-animation-delay: -76093ms;
animation-delay: -76093ms;
-webkit-animation-duration: 12351ms;
animation-duration: 12351ms;
}
.particle:nth-child(67) .graphic {
background: linear-gradient(0deg, #759668 0%, #d9facc 100%);
-webkit-animation: amplitude 1000ms -76093ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -76093ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(67) .graphic::before {
background: linear-gradient(0deg, rgba(167, 200, 154, 0) 50%, rgba(167, 200, 154, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -76093ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -76093ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(68) .part {
left: calc(50% + 208px);
}
.particle:nth-child(68) .rotate,
.particle:nth-child(68) .rotatefollow {
-webkit-animation-delay: -31936ms;
animation-delay: -31936ms;
-webkit-animation-duration: 7744ms;
animation-duration: 7744ms;
}
.particle:nth-child(68) .graphic {
background: linear-gradient(0deg, #524c90 0%, #b6b0f4 100%);
-webkit-animation: amplitude 1000ms -31936ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -31936ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(68) .graphic::before {
background: linear-gradient(0deg, rgba(132, 126, 194, 0) 50%, rgba(132, 126, 194, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -31936ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -31936ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(69) .part {
left: calc(50% + 263px);
}
.particle:nth-child(69) .rotate,
.particle:nth-child(69) .rotatefollow {
-webkit-animation-delay: -98467ms;
animation-delay: -98467ms;
-webkit-animation-duration: 12539ms;
animation-duration: 12539ms;
}
.particle:nth-child(69) .graphic {
background: linear-gradient(0deg, #3b8a6a 0%, #9feece 100%);
-webkit-animation: amplitude 1000ms -98467ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -98467ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(69) .graphic::before {
background: linear-gradient(0deg, rgba(109, 188, 156, 0) 50%, rgba(109, 188, 156, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -98467ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -98467ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(70) .part {
left: calc(50% + 258px);
}
.particle:nth-child(70) .rotate,
.particle:nth-child(70) .rotatefollow {
-webkit-animation-delay: -79238ms;
animation-delay: -79238ms;
-webkit-animation-duration: 7875ms;
animation-duration: 7875ms;
}
.particle:nth-child(70) .graphic {
background: linear-gradient(0deg, #528c8a 0%, #b6f0ee 100%);
-webkit-animation: amplitude 1000ms -79238ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -79238ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(70) .graphic::before {
background: linear-gradient(0deg, rgba(132, 190, 188, 0) 50%, rgba(132, 190, 188, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -79238ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -79238ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(71) .part {
left: calc(50% + 269px);
}
.particle:nth-child(71) .rotate,
.particle:nth-child(71) .rotatefollow {
-webkit-animation-delay: -63193ms;
animation-delay: -63193ms;
-webkit-animation-duration: 5493ms;
animation-duration: 5493ms;
}
.particle:nth-child(71) .graphic {
background: linear-gradient(0deg, #845f77 0%, #e8c3db 100%);
-webkit-animation: amplitude 1000ms -63193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -63193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(71) .graphic::before {
background: linear-gradient(0deg, rgba(182, 145, 169, 0) 50%, rgba(182, 145, 169, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -63193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -63193ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(72) .part {
left: calc(50% + 203px);
}
.particle:nth-child(72) .rotate,
.particle:nth-child(72) .rotatefollow {
-webkit-animation-delay: -60564ms;
animation-delay: -60564ms;
-webkit-animation-duration: 13276ms;
animation-duration: 13276ms;
}
.particle:nth-child(72) .graphic {
background: linear-gradient(0deg, #355c3a 0%, #99c09e 100%);
-webkit-animation: amplitude 1000ms -60564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -60564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(72) .graphic::before {
background: linear-gradient(0deg, rgba(103, 142, 108, 0) 50%, rgba(103, 142, 108, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -60564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -60564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(73) .part {
left: calc(50% + 203px);
}
.particle:nth-child(73) .rotate,
.particle:nth-child(73) .rotatefollow {
-webkit-animation-delay: -110346ms;
animation-delay: -110346ms;
-webkit-animation-duration: 9124ms;
animation-duration: 9124ms;
}
.particle:nth-child(73) .graphic {
background: linear-gradient(0deg, #8c9199 0%, #f0f5fd 100%);
-webkit-animation: amplitude 1000ms -110346ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -110346ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(73) .graphic::before {
background: linear-gradient(0deg, rgba(190, 195, 203, 0) 50%, rgba(190, 195, 203, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -110346ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -110346ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(74) .part {
left: calc(50% + 195px);
}
.particle:nth-child(74) .rotate,
.particle:nth-child(74) .rotatefollow {
-webkit-animation-delay: -79085ms;
animation-delay: -79085ms;
-webkit-animation-duration: 13076ms;
animation-duration: 13076ms;
}
.particle:nth-child(74) .graphic {
background: linear-gradient(0deg, #384a8f 0%, #9caef3 100%);
-webkit-animation: amplitude 1000ms -79085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -79085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(74) .graphic::before {
background: linear-gradient(0deg, rgba(106, 124, 193, 0) 50%, rgba(106, 124, 193, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -79085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -79085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(75) .part {
left: calc(50% + 231px);
}
.particle:nth-child(75) .rotate,
.particle:nth-child(75) .rotatefollow {
-webkit-animation-delay: -29181ms;
animation-delay: -29181ms;
-webkit-animation-duration: 7305ms;
animation-duration: 7305ms;
}
.particle:nth-child(75) .graphic {
background: linear-gradient(0deg, #559056 0%, #b9f4ba 100%);
-webkit-animation: amplitude 1000ms -29181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -29181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(75) .graphic::before {
background: linear-gradient(0deg, rgba(135, 194, 136, 0) 50%, rgba(135, 194, 136, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -29181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -29181ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(76) .part {
left: calc(50% + 241px);
}
.particle:nth-child(76) .rotate,
.particle:nth-child(76) .rotatefollow {
-webkit-animation-delay: -50600ms;
animation-delay: -50600ms;
-webkit-animation-duration: 9004ms;
animation-duration: 9004ms;
}
.particle:nth-child(76) .graphic {
background: linear-gradient(0deg, #486073 0%, #acc4d7 100%);
-webkit-animation: amplitude 1000ms -50600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -50600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(76) .graphic::before {
background: linear-gradient(0deg, rgba(122, 146, 165, 0) 50%, rgba(122, 146, 165, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -50600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -50600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(77) .part {
left: calc(50% + 268px);
}
.particle:nth-child(77) .rotate,
.particle:nth-child(77) .rotatefollow {
-webkit-animation-delay: -30256ms;
animation-delay: -30256ms;
-webkit-animation-duration: 6862ms;
animation-duration: 6862ms;
}
.particle:nth-child(77) .graphic {
background: linear-gradient(0deg, #96835c 0%, #fae7c0 100%);
-webkit-animation: amplitude 1000ms -30256ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -30256ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(77) .graphic::before {
background: linear-gradient(0deg, rgba(200, 181, 142, 0) 50%, rgba(200, 181, 142, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -30256ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -30256ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(78) .part {
left: calc(50% + 194px);
}
.particle:nth-child(78) .rotate,
.particle:nth-child(78) .rotatefollow {
-webkit-animation-delay: -91466ms;
animation-delay: -91466ms;
-webkit-animation-duration: 7963ms;
animation-duration: 7963ms;
}
.particle:nth-child(78) .graphic {
background: linear-gradient(0deg, #77859a 0%, #dbe9fe 100%);
-webkit-animation: amplitude 1000ms -91466ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -91466ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(78) .graphic::before {
background: linear-gradient(0deg, rgba(169, 183, 204, 0) 50%, rgba(169, 183, 204, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -91466ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -91466ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(79) .part {
left: calc(50% + 207px);
}
.particle:nth-child(79) .rotate,
.particle:nth-child(79) .rotatefollow {
-webkit-animation-delay: -59865ms;
animation-delay: -59865ms;
-webkit-animation-duration: 14596ms;
animation-duration: 14596ms;
}
.particle:nth-child(79) .graphic {
background: linear-gradient(0deg, #39935d 0%, #9df7c1 100%);
-webkit-animation: amplitude 1000ms -59865ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -59865ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(79) .graphic::before {
background: linear-gradient(0deg, rgba(107, 197, 143, 0) 50%, rgba(107, 197, 143, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -59865ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -59865ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(80) .part {
left: calc(50% + 227px);
}
.particle:nth-child(80) .rotate,
.particle:nth-child(80) .rotatefollow {
-webkit-animation-delay: -92570ms;
animation-delay: -92570ms;
-webkit-animation-duration: 10400ms;
animation-duration: 10400ms;
}
.particle:nth-child(80) .graphic {
background: linear-gradient(0deg, #513873 0%, #b59cd7 100%);
-webkit-animation: amplitude 1000ms -92570ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -92570ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(80) .graphic::before {
background: linear-gradient(0deg, rgba(131, 106, 165, 0) 50%, rgba(131, 106, 165, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -92570ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -92570ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(81) .part {
left: calc(50% + 236px);
}
.particle:nth-child(81) .rotate,
.particle:nth-child(81) .rotatefollow {
-webkit-animation-delay: -45869ms;
animation-delay: -45869ms;
-webkit-animation-duration: 8433ms;
animation-duration: 8433ms;
}
.particle:nth-child(81) .graphic {
background: linear-gradient(0deg, #3e8085 0%, #a2e4e9 100%);
-webkit-animation: amplitude 1000ms -45869ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -45869ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(81) .graphic::before {
background: linear-gradient(0deg, rgba(112, 178, 183, 0) 50%, rgba(112, 178, 183, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -45869ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -45869ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(82) .part {
left: calc(50% + 191px);
}
.particle:nth-child(82) .rotate,
.particle:nth-child(82) .rotatefollow {
-webkit-animation-delay: -73812ms;
animation-delay: -73812ms;
-webkit-animation-duration: 12672ms;
animation-duration: 12672ms;
}
.particle:nth-child(82) .graphic {
background: linear-gradient(0deg, #90916e 0%, #f4f5d2 100%);
-webkit-animation: amplitude 1000ms -73812ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -73812ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(82) .graphic::before {
background: linear-gradient(0deg, rgba(194, 195, 160, 0) 50%, rgba(194, 195, 160, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -73812ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -73812ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(83) .part {
left: calc(50% + 253px);
}
.particle:nth-child(83) .rotate,
.particle:nth-child(83) .rotatefollow {
-webkit-animation-delay: -85155ms;
animation-delay: -85155ms;
-webkit-animation-duration: 5589ms;
animation-duration: 5589ms;
}
.particle:nth-child(83) .graphic {
background: linear-gradient(0deg, #4d6655 0%, #b1cab9 100%);
-webkit-animation: amplitude 1000ms -85155ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -85155ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(83) .graphic::before {
background: linear-gradient(0deg, rgba(127, 152, 135, 0) 50%, rgba(127, 152, 135, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -85155ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -85155ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(84) .part {
left: calc(50% + 253px);
}
.particle:nth-child(84) .rotate,
.particle:nth-child(84) .rotatefollow {
-webkit-animation-delay: -34848ms;
animation-delay: -34848ms;
-webkit-animation-duration: 12989ms;
animation-duration: 12989ms;
}
.particle:nth-child(84) .graphic {
background: linear-gradient(0deg, #4e8286 0%, #b2e6ea 100%);
-webkit-animation: amplitude 1000ms -34848ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -34848ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(84) .graphic::before {
background: linear-gradient(0deg, rgba(128, 180, 184, 0) 50%, rgba(128, 180, 184, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -34848ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -34848ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(85) .part {
left: calc(50% + 242px);
}
.particle:nth-child(85) .rotate,
.particle:nth-child(85) .rotatefollow {
-webkit-animation-delay: -112072ms;
animation-delay: -112072ms;
-webkit-animation-duration: 13437ms;
animation-duration: 13437ms;
}
.particle:nth-child(85) .graphic {
background: linear-gradient(0deg, #7345a7 0%, #d7a9ff 100%);
-webkit-animation: amplitude 1000ms -112072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -112072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(85) .graphic::before {
background: linear-gradient(0deg, rgba(165, 119, 217, 0) 50%, rgba(165, 119, 217, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -112072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -112072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(86) .part {
left: calc(50% + 203px);
}
.particle:nth-child(86) .rotate,
.particle:nth-child(86) .rotatefollow {
-webkit-animation-delay: -103877ms;
animation-delay: -103877ms;
-webkit-animation-duration: 8641ms;
animation-duration: 8641ms;
}
.particle:nth-child(86) .graphic {
background: linear-gradient(0deg, #734e89 0%, #d7b2ed 100%);
-webkit-animation: amplitude 1000ms -103877ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -103877ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(86) .graphic::before {
background: linear-gradient(0deg, rgba(165, 128, 187, 0) 50%, rgba(165, 128, 187, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -103877ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -103877ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(87) .part {
left: calc(50% + 279px);
}
.particle:nth-child(87) .rotate,
.particle:nth-child(87) .rotatefollow {
-webkit-animation-delay: -83145ms;
animation-delay: -83145ms;
-webkit-animation-duration: 10477ms;
animation-duration: 10477ms;
}
.particle:nth-child(87) .graphic {
background: linear-gradient(0deg, #678db0 0%, #cbf1ff 100%);
-webkit-animation: amplitude 1000ms -83145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -83145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(87) .graphic::before {
background: linear-gradient(0deg, rgba(153, 191, 226, 0) 50%, rgba(153, 191, 226, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -83145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -83145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(88) .part {
left: calc(50% + 279px);
}
.particle:nth-child(88) .rotate,
.particle:nth-child(88) .rotatefollow {
-webkit-animation-delay: -92212ms;
animation-delay: -92212ms;
-webkit-animation-duration: 7807ms;
animation-duration: 7807ms;
}
.particle:nth-child(88) .graphic {
background: linear-gradient(0deg, #38474a 0%, #9cabae 100%);
-webkit-animation: amplitude 1000ms -92212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -92212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(88) .graphic::before {
background: linear-gradient(0deg, rgba(106, 121, 124, 0) 50%, rgba(106, 121, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -92212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -92212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(89) .part {
left: calc(50% + 237px);
}
.particle:nth-child(89) .rotate,
.particle:nth-child(89) .rotatefollow {
-webkit-animation-delay: -32339ms;
animation-delay: -32339ms;
-webkit-animation-duration: 7097ms;
animation-duration: 7097ms;
}
.particle:nth-child(89) .graphic {
background: linear-gradient(0deg, #848683 0%, #e8eae7 100%);
-webkit-animation: amplitude 1000ms -32339ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -32339ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(89) .graphic::before {
background: linear-gradient(0deg, rgba(182, 184, 181, 0) 50%, rgba(182, 184, 181, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -32339ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -32339ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(90) .part {
left: calc(50% + 270px);
}
.particle:nth-child(90) .rotate,
.particle:nth-child(90) .rotatefollow {
-webkit-animation-delay: -114980ms;
animation-delay: -114980ms;
-webkit-animation-duration: 14629ms;
animation-duration: 14629ms;
}
.particle:nth-child(90) .graphic {
background: linear-gradient(0deg, #835259 0%, #e7b6bd 100%);
-webkit-animation: amplitude 1000ms -114980ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114980ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(90) .graphic::before {
background: linear-gradient(0deg, rgba(181, 132, 139, 0) 50%, rgba(181, 132, 139, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114980ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114980ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(91) .part {
left: calc(50% + 264px);
}
.particle:nth-child(91) .rotate,
.particle:nth-child(91) .rotatefollow {
-webkit-animation-delay: -112398ms;
animation-delay: -112398ms;
-webkit-animation-duration: 8219ms;
animation-duration: 8219ms;
}
.particle:nth-child(91) .graphic {
background: linear-gradient(0deg, #415280 0%, #a5b6e4 100%);
-webkit-animation: amplitude 1000ms -112398ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -112398ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(91) .graphic::before {
background: linear-gradient(0deg, rgba(115, 132, 178, 0) 50%, rgba(115, 132, 178, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -112398ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -112398ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(92) .part {
left: calc(50% + 230px);
}
.particle:nth-child(92) .rotate,
.particle:nth-child(92) .rotatefollow {
-webkit-animation-delay: -25085ms;
animation-delay: -25085ms;
-webkit-animation-duration: 13750ms;
animation-duration: 13750ms;
}
.particle:nth-child(92) .graphic {
background: linear-gradient(0deg, #394455 0%, #9da8b9 100%);
-webkit-animation: amplitude 1000ms -25085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -25085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(92) .graphic::before {
background: linear-gradient(0deg, rgba(107, 118, 135, 0) 50%, rgba(107, 118, 135, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -25085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -25085ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(93) .part {
left: calc(50% + 216px);
}
.particle:nth-child(93) .rotate,
.particle:nth-child(93) .rotatefollow {
-webkit-animation-delay: -51261ms;
animation-delay: -51261ms;
-webkit-animation-duration: 5826ms;
animation-duration: 5826ms;
}
.particle:nth-child(93) .graphic {
background: linear-gradient(0deg, #645e96 0%, #c8c2fa 100%);
-webkit-animation: amplitude 1000ms -51261ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -51261ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(93) .graphic::before {
background: linear-gradient(0deg, rgba(150, 144, 200, 0) 50%, rgba(150, 144, 200, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -51261ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -51261ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(94) .part {
left: calc(50% + 232px);
}
.particle:nth-child(94) .rotate,
.particle:nth-child(94) .rotatefollow {
-webkit-animation-delay: -76089ms;
animation-delay: -76089ms;
-webkit-animation-duration: 7902ms;
animation-duration: 7902ms;
}
.particle:nth-child(94) .graphic {
background: linear-gradient(0deg, #94898f 0%, #f8edf3 100%);
-webkit-animation: amplitude 1000ms -76089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -76089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(94) .graphic::before {
background: linear-gradient(0deg, rgba(198, 187, 193, 0) 50%, rgba(198, 187, 193, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -76089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -76089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(95) .part {
left: calc(50% + 196px);
}
.particle:nth-child(95) .rotate,
.particle:nth-child(95) .rotatefollow {
-webkit-animation-delay: -72490ms;
animation-delay: -72490ms;
-webkit-animation-duration: 9941ms;
animation-duration: 9941ms;
}
.particle:nth-child(95) .graphic {
background: linear-gradient(0deg, #44407c 0%, #a8a4e0 100%);
-webkit-animation: amplitude 1000ms -72490ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -72490ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(95) .graphic::before {
background: linear-gradient(0deg, rgba(118, 114, 174, 0) 50%, rgba(118, 114, 174, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -72490ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -72490ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(96) .part {
left: calc(50% + 183px);
}
.particle:nth-child(96) .rotate,
.particle:nth-child(96) .rotatefollow {
-webkit-animation-delay: -38512ms;
animation-delay: -38512ms;
-webkit-animation-duration: 8961ms;
animation-duration: 8961ms;
}
.particle:nth-child(96) .graphic {
background: linear-gradient(0deg, #7873bb 0%, #dcd7ff 100%);
-webkit-animation: amplitude 1000ms -38512ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -38512ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(96) .graphic::before {
background: linear-gradient(0deg, rgba(170, 165, 237, 0) 50%, rgba(170, 165, 237, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -38512ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -38512ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(97) .part {
left: calc(50% + 276px);
}
.particle:nth-child(97) .rotate,
.particle:nth-child(97) .rotatefollow {
-webkit-animation-delay: -41604ms;
animation-delay: -41604ms;
-webkit-animation-duration: 8235ms;
animation-duration: 8235ms;
}
.particle:nth-child(97) .graphic {
background: linear-gradient(0deg, #7576a8 0%, #d9daff 100%);
-webkit-animation: amplitude 1000ms -41604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -41604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(97) .graphic::before {
background: linear-gradient(0deg, rgba(167, 168, 218, 0) 50%, rgba(167, 168, 218, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -41604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -41604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(98) .part {
left: calc(50% + 212px);
}
.particle:nth-child(98) .rotate,
.particle:nth-child(98) .rotatefollow {
-webkit-animation-delay: -91704ms;
animation-delay: -91704ms;
-webkit-animation-duration: 5012ms;
animation-duration: 5012ms;
}
.particle:nth-child(98) .graphic {
background: linear-gradient(0deg, #465994 0%, #aabdf8 100%);
-webkit-animation: amplitude 1000ms -91704ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -91704ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(98) .graphic::before {
background: linear-gradient(0deg, rgba(120, 139, 198, 0) 50%, rgba(120, 139, 198, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -91704ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -91704ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(99) .part {
left: calc(50% + 181px);
}
.particle:nth-child(99) .rotate,
.particle:nth-child(99) .rotatefollow {
-webkit-animation-delay: -114303ms;
animation-delay: -114303ms;
-webkit-animation-duration: 5213ms;
animation-duration: 5213ms;
}
.particle:nth-child(99) .graphic {
background: linear-gradient(0deg, #59394a 0%, #bd9dae 100%);
-webkit-animation: amplitude 1000ms -114303ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114303ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(99) .graphic::before {
background: linear-gradient(0deg, rgba(139, 107, 124, 0) 50%, rgba(139, 107, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114303ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114303ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(100) .part {
left: calc(50% + 272px);
}
.particle:nth-child(100) .rotate,
.particle:nth-child(100) .rotatefollow {
-webkit-animation-delay: -97959ms;
animation-delay: -97959ms;
-webkit-animation-duration: 9713ms;
animation-duration: 9713ms;
}
.particle:nth-child(100) .graphic {
background: linear-gradient(0deg, #5b7479 0%, #bfd8dd 100%);
-webkit-animation: amplitude 1000ms -97959ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -97959ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(100) .graphic::before {
background: linear-gradient(0deg, rgba(141, 166, 171, 0) 50%, rgba(141, 166, 171, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -97959ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -97959ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(101) .part {
left: calc(50% + 192px);
}
.particle:nth-child(101) .rotate,
.particle:nth-child(101) .rotatefollow {
-webkit-animation-delay: -43201ms;
animation-delay: -43201ms;
-webkit-animation-duration: 10450ms;
animation-duration: 10450ms;
}
.particle:nth-child(101) .graphic {
background: linear-gradient(0deg, #949079 0%, #f8f4dd 100%);
-webkit-animation: amplitude 1000ms -43201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -43201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(101) .graphic::before {
background: linear-gradient(0deg, rgba(198, 194, 171, 0) 50%, rgba(198, 194, 171, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -43201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -43201ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(102) .part {
left: calc(50% + 266px);
}
.particle:nth-child(102) .rotate,
.particle:nth-child(102) .rotatefollow {
-webkit-animation-delay: -78806ms;
animation-delay: -78806ms;
-webkit-animation-duration: 6334ms;
animation-duration: 6334ms;
}
.particle:nth-child(102) .graphic {
background: linear-gradient(0deg, #5d45b3 0%, #c1a9ff 100%);
-webkit-animation: amplitude 1000ms -78806ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -78806ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(102) .graphic::before {
background: linear-gradient(0deg, rgba(143, 119, 229, 0) 50%, rgba(143, 119, 229, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -78806ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -78806ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(103) .part {
left: calc(50% + 248px);
}
.particle:nth-child(103) .rotate,
.particle:nth-child(103) .rotatefollow {
-webkit-animation-delay: -65747ms;
animation-delay: -65747ms;
-webkit-animation-duration: 13588ms;
animation-duration: 13588ms;
}
.particle:nth-child(103) .graphic {
background: linear-gradient(0deg, #6d3498 0%, #d198fc 100%);
-webkit-animation: amplitude 1000ms -65747ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -65747ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(103) .graphic::before {
background: linear-gradient(0deg, rgba(159, 102, 202, 0) 50%, rgba(159, 102, 202, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -65747ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -65747ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(104) .part {
left: calc(50% + 264px);
}
.particle:nth-child(104) .rotate,
.particle:nth-child(104) .rotatefollow {
-webkit-animation-delay: -35845ms;
animation-delay: -35845ms;
-webkit-animation-duration: 7335ms;
animation-duration: 7335ms;
}
.particle:nth-child(104) .graphic {
background: linear-gradient(0deg, #4a4645 0%, #aeaaa9 100%);
-webkit-animation: amplitude 1000ms -35845ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35845ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(104) .graphic::before {
background: linear-gradient(0deg, rgba(124, 120, 119, 0) 50%, rgba(124, 120, 119, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35845ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35845ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(105) .part {
left: calc(50% + 215px);
}
.particle:nth-child(105) .rotate,
.particle:nth-child(105) .rotatefollow {
-webkit-animation-delay: -47702ms;
animation-delay: -47702ms;
-webkit-animation-duration: 7492ms;
animation-duration: 7492ms;
}
.particle:nth-child(105) .graphic {
background: linear-gradient(0deg, #938c4b 0%, #f7f0af 100%);
-webkit-animation: amplitude 1000ms -47702ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -47702ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(105) .graphic::before {
background: linear-gradient(0deg, rgba(197, 190, 125, 0) 50%, rgba(197, 190, 125, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -47702ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -47702ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(106) .part {
left: calc(50% + 221px);
}
.particle:nth-child(106) .rotate,
.particle:nth-child(106) .rotatefollow {
-webkit-animation-delay: -100177ms;
animation-delay: -100177ms;
-webkit-animation-duration: 7767ms;
animation-duration: 7767ms;
}
.particle:nth-child(106) .graphic {
background: linear-gradient(0deg, #3a7187 0%, #9ed5eb 100%);
-webkit-animation: amplitude 1000ms -100177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -100177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(106) .graphic::before {
background: linear-gradient(0deg, rgba(108, 163, 185, 0) 50%, rgba(108, 163, 185, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -100177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -100177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(107) .part {
left: calc(50% + 196px);
}
.particle:nth-child(107) .rotate,
.particle:nth-child(107) .rotatefollow {
-webkit-animation-delay: -70167ms;
animation-delay: -70167ms;
-webkit-animation-duration: 7934ms;
animation-duration: 7934ms;
}
.particle:nth-child(107) .graphic {
background: linear-gradient(0deg, #8d4e78 0%, #f1b2dc 100%);
-webkit-animation: amplitude 1000ms -70167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -70167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(107) .graphic::before {
background: linear-gradient(0deg, rgba(191, 128, 170, 0) 50%, rgba(191, 128, 170, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -70167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -70167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(108) .part {
left: calc(50% + 221px);
}
.particle:nth-child(108) .rotate,
.particle:nth-child(108) .rotatefollow {
-webkit-animation-delay: -86378ms;
animation-delay: -86378ms;
-webkit-animation-duration: 13208ms;
animation-duration: 13208ms;
}
.particle:nth-child(108) .graphic {
background: linear-gradient(0deg, #904a96 0%, #f4aefa 100%);
-webkit-animation: amplitude 1000ms -86378ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -86378ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(108) .graphic::before {
background: linear-gradient(0deg, rgba(194, 124, 200, 0) 50%, rgba(194, 124, 200, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -86378ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -86378ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(109) .part {
left: calc(50% + 220px);
}
.particle:nth-child(109) .rotate,
.particle:nth-child(109) .rotatefollow {
-webkit-animation-delay: -107009ms;
animation-delay: -107009ms;
-webkit-animation-duration: 11599ms;
animation-duration: 11599ms;
}
.particle:nth-child(109) .graphic {
background: linear-gradient(0deg, #70958f 0%, #d4f9f3 100%);
-webkit-animation: amplitude 1000ms -107009ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -107009ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(109) .graphic::before {
background: linear-gradient(0deg, rgba(162, 199, 193, 0) 50%, rgba(162, 199, 193, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -107009ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -107009ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(110) .part {
left: calc(50% + 235px);
}
.particle:nth-child(110) .rotate,
.particle:nth-child(110) .rotatefollow {
-webkit-animation-delay: -54494ms;
animation-delay: -54494ms;
-webkit-animation-duration: 14033ms;
animation-duration: 14033ms;
}
.particle:nth-child(110) .graphic {
background: linear-gradient(0deg, #6f404c 0%, #d3a4b0 100%);
-webkit-animation: amplitude 1000ms -54494ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -54494ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(110) .graphic::before {
background: linear-gradient(0deg, rgba(161, 114, 126, 0) 50%, rgba(161, 114, 126, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -54494ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -54494ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(111) .part {
left: calc(50% + 229px);
}
.particle:nth-child(111) .rotate,
.particle:nth-child(111) .rotatefollow {
-webkit-animation-delay: -65736ms;
animation-delay: -65736ms;
-webkit-animation-duration: 8589ms;
animation-duration: 8589ms;
}
.particle:nth-child(111) .graphic {
background: linear-gradient(0deg, #558486 0%, #b9e8ea 100%);
-webkit-animation: amplitude 1000ms -65736ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -65736ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(111) .graphic::before {
background: linear-gradient(0deg, rgba(135, 182, 184, 0) 50%, rgba(135, 182, 184, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -65736ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -65736ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(112) .part {
left: calc(50% + 183px);
}
.particle:nth-child(112) .rotate,
.particle:nth-child(112) .rotatefollow {
-webkit-animation-delay: -79696ms;
animation-delay: -79696ms;
-webkit-animation-duration: 11858ms;
animation-duration: 11858ms;
}
.particle:nth-child(112) .graphic {
background: linear-gradient(0deg, #446f9f 0%, #a8d3ff 100%);
-webkit-animation: amplitude 1000ms -79696ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -79696ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(112) .graphic::before {
background: linear-gradient(0deg, rgba(118, 161, 209, 0) 50%, rgba(118, 161, 209, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -79696ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -79696ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(113) .part {
left: calc(50% + 239px);
}
.particle:nth-child(113) .rotate,
.particle:nth-child(113) .rotatefollow {
-webkit-animation-delay: -16611ms;
animation-delay: -16611ms;
-webkit-animation-duration: 11183ms;
animation-duration: 11183ms;
}
.particle:nth-child(113) .graphic {
background: linear-gradient(0deg, #615866 0%, #c5bcca 100%);
-webkit-animation: amplitude 1000ms -16611ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -16611ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(113) .graphic::before {
background: linear-gradient(0deg, rgba(147, 138, 152, 0) 50%, rgba(147, 138, 152, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -16611ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -16611ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(114) .part {
left: calc(50% + 263px);
}
.particle:nth-child(114) .rotate,
.particle:nth-child(114) .rotatefollow {
-webkit-animation-delay: -65604ms;
animation-delay: -65604ms;
-webkit-animation-duration: 13543ms;
animation-duration: 13543ms;
}
.particle:nth-child(114) .graphic {
background: linear-gradient(0deg, #4379aa 0%, #a7ddff 100%);
-webkit-animation: amplitude 1000ms -65604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -65604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(114) .graphic::before {
background: linear-gradient(0deg, rgba(117, 171, 220, 0) 50%, rgba(117, 171, 220, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -65604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -65604ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(115) .part {
left: calc(50% + 212px);
}
.particle:nth-child(115) .rotate,
.particle:nth-child(115) .rotatefollow {
-webkit-animation-delay: -52150ms;
animation-delay: -52150ms;
-webkit-animation-duration: 10527ms;
animation-duration: 10527ms;
}
.particle:nth-child(115) .graphic {
background: linear-gradient(0deg, #874dc0 0%, #ebb1ff 100%);
-webkit-animation: amplitude 1000ms -52150ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -52150ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(115) .graphic::before {
background: linear-gradient(0deg, rgba(185, 127, 242, 0) 50%, rgba(185, 127, 242, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -52150ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -52150ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(116) .part {
left: calc(50% + 255px);
}
.particle:nth-child(116) .rotate,
.particle:nth-child(116) .rotatefollow {
-webkit-animation-delay: -50089ms;
animation-delay: -50089ms;
-webkit-animation-duration: 14782ms;
animation-duration: 14782ms;
}
.particle:nth-child(116) .graphic {
background: linear-gradient(0deg, #6f4979 0%, #d3addd 100%);
-webkit-animation: amplitude 1000ms -50089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -50089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(116) .graphic::before {
background: linear-gradient(0deg, rgba(161, 123, 171, 0) 50%, rgba(161, 123, 171, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -50089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -50089ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(117) .part {
left: calc(50% + 258px);
}
.particle:nth-child(117) .rotate,
.particle:nth-child(117) .rotatefollow {
-webkit-animation-delay: -54486ms;
animation-delay: -54486ms;
-webkit-animation-duration: 7829ms;
animation-duration: 7829ms;
}
.particle:nth-child(117) .graphic {
background: linear-gradient(0deg, #8074c2 0%, #e4d8ff 100%);
-webkit-animation: amplitude 1000ms -54486ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -54486ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(117) .graphic::before {
background: linear-gradient(0deg, rgba(178, 166, 244, 0) 50%, rgba(178, 166, 244, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -54486ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -54486ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(118) .part {
left: calc(50% + 220px);
}
.particle:nth-child(118) .rotate,
.particle:nth-child(118) .rotatefollow {
-webkit-animation-delay: -88472ms;
animation-delay: -88472ms;
-webkit-animation-duration: 8192ms;
animation-duration: 8192ms;
}
.particle:nth-child(118) .graphic {
background: linear-gradient(0deg, #7f62c0 0%, #e3c6ff 100%);
-webkit-animation: amplitude 1000ms -88472ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -88472ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(118) .graphic::before {
background: linear-gradient(0deg, rgba(177, 148, 242, 0) 50%, rgba(177, 148, 242, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -88472ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -88472ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(119) .part {
left: calc(50% + 190px);
}
.particle:nth-child(119) .rotate,
.particle:nth-child(119) .rotatefollow {
-webkit-animation-delay: -41409ms;
animation-delay: -41409ms;
-webkit-animation-duration: 14312ms;
animation-duration: 14312ms;
}
.particle:nth-child(119) .graphic {
background: linear-gradient(0deg, #625f7c 0%, #c6c3e0 100%);
-webkit-animation: amplitude 1000ms -41409ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -41409ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(119) .graphic::before {
background: linear-gradient(0deg, rgba(148, 145, 174, 0) 50%, rgba(148, 145, 174, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -41409ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -41409ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(120) .part {
left: calc(50% + 206px);
}
.particle:nth-child(120) .rotate,
.particle:nth-child(120) .rotatefollow {
-webkit-animation-delay: -32051ms;
animation-delay: -32051ms;
-webkit-animation-duration: 7886ms;
animation-duration: 7886ms;
}
.particle:nth-child(120) .graphic {
background: linear-gradient(0deg, #4d3f75 0%, #b1a3d9 100%);
-webkit-animation: amplitude 1000ms -32051ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -32051ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(120) .graphic::before {
background: linear-gradient(0deg, rgba(127, 113, 167, 0) 50%, rgba(127, 113, 167, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -32051ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -32051ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(121) .part {
left: calc(50% + 209px);
}
.particle:nth-child(121) .rotate,
.particle:nth-child(121) .rotatefollow {
-webkit-animation-delay: -93012ms;
animation-delay: -93012ms;
-webkit-animation-duration: 6757ms;
animation-duration: 6757ms;
}
.particle:nth-child(121) .graphic {
background: linear-gradient(0deg, #4a709c 0%, #aed4ff 100%);
-webkit-animation: amplitude 1000ms -93012ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -93012ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(121) .graphic::before {
background: linear-gradient(0deg, rgba(124, 162, 206, 0) 50%, rgba(124, 162, 206, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -93012ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -93012ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(122) .part {
left: calc(50% + 221px);
}
.particle:nth-child(122) .rotate,
.particle:nth-child(122) .rotatefollow {
-webkit-animation-delay: -102537ms;
animation-delay: -102537ms;
-webkit-animation-duration: 11580ms;
animation-duration: 11580ms;
}
.particle:nth-child(122) .graphic {
background: linear-gradient(0deg, #776fa3 0%, #dbd3ff 100%);
-webkit-animation: amplitude 1000ms -102537ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -102537ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(122) .graphic::before {
background: linear-gradient(0deg, rgba(169, 161, 213, 0) 50%, rgba(169, 161, 213, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -102537ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -102537ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(123) .part {
left: calc(50% + 236px);
}
.particle:nth-child(123) .rotate,
.particle:nth-child(123) .rotatefollow {
-webkit-animation-delay: -59688ms;
animation-delay: -59688ms;
-webkit-animation-duration: 8882ms;
animation-duration: 8882ms;
}
.particle:nth-child(123) .graphic {
background: linear-gradient(0deg, #665b43 0%, #cabfa7 100%);
-webkit-animation: amplitude 1000ms -59688ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -59688ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(123) .graphic::before {
background: linear-gradient(0deg, rgba(152, 141, 117, 0) 50%, rgba(152, 141, 117, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -59688ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -59688ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(124) .part {
left: calc(50% + 266px);
}
.particle:nth-child(124) .rotate,
.particle:nth-child(124) .rotatefollow {
-webkit-animation-delay: -48730ms;
animation-delay: -48730ms;
-webkit-animation-duration: 7159ms;
animation-duration: 7159ms;
}
.particle:nth-child(124) .graphic {
background: linear-gradient(0deg, #585237 0%, #bcb69b 100%);
-webkit-animation: amplitude 1000ms -48730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -48730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(124) .graphic::before {
background: linear-gradient(0deg, rgba(138, 132, 105, 0) 50%, rgba(138, 132, 105, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -48730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -48730ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(125) .part {
left: calc(50% + 260px);
}
.particle:nth-child(125) .rotate,
.particle:nth-child(125) .rotatefollow {
-webkit-animation-delay: -35130ms;
animation-delay: -35130ms;
-webkit-animation-duration: 12337ms;
animation-duration: 12337ms;
}
.particle:nth-child(125) .graphic {
background: linear-gradient(0deg, #7747be 0%, #dbabff 100%);
-webkit-animation: amplitude 1000ms -35130ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35130ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(125) .graphic::before {
background: linear-gradient(0deg, rgba(169, 121, 240, 0) 50%, rgba(169, 121, 240, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35130ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35130ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(126) .part {
left: calc(50% + 193px);
}
.particle:nth-child(126) .rotate,
.particle:nth-child(126) .rotatefollow {
-webkit-animation-delay: -21758ms;
animation-delay: -21758ms;
-webkit-animation-duration: 11191ms;
animation-duration: 11191ms;
}
.particle:nth-child(126) .graphic {
background: linear-gradient(0deg, #5f4985 0%, #c3ade9 100%);
-webkit-animation: amplitude 1000ms -21758ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -21758ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(126) .graphic::before {
background: linear-gradient(0deg, rgba(145, 123, 183, 0) 50%, rgba(145, 123, 183, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -21758ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -21758ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(127) .part {
left: calc(50% + 279px);
}
.particle:nth-child(127) .rotate,
.particle:nth-child(127) .rotatefollow {
-webkit-animation-delay: -20244ms;
animation-delay: -20244ms;
-webkit-animation-duration: 10513ms;
animation-duration: 10513ms;
}
.particle:nth-child(127) .graphic {
background: linear-gradient(0deg, #8f81a2 0%, #f3e5ff 100%);
-webkit-animation: amplitude 1000ms -20244ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -20244ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(127) .graphic::before {
background: linear-gradient(0deg, rgba(193, 179, 212, 0) 50%, rgba(193, 179, 212, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -20244ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -20244ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(128) .part {
left: calc(50% + 221px);
}
.particle:nth-child(128) .rotate,
.particle:nth-child(128) .rotatefollow {
-webkit-animation-delay: -19267ms;
animation-delay: -19267ms;
-webkit-animation-duration: 12128ms;
animation-duration: 12128ms;
}
.particle:nth-child(128) .graphic {
background: linear-gradient(0deg, #727276 0%, #d6d6da 100%);
-webkit-animation: amplitude 1000ms -19267ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -19267ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(128) .graphic::before {
background: linear-gradient(0deg, rgba(164, 164, 168, 0) 50%, rgba(164, 164, 168, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -19267ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -19267ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(129) .part {
left: calc(50% + 246px);
}
.particle:nth-child(129) .rotate,
.particle:nth-child(129) .rotatefollow {
-webkit-animation-delay: -35090ms;
animation-delay: -35090ms;
-webkit-animation-duration: 5881ms;
animation-duration: 5881ms;
}
.particle:nth-child(129) .graphic {
background: linear-gradient(0deg, #41686d 0%, #a5ccd1 100%);
-webkit-animation: amplitude 1000ms -35090ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35090ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(129) .graphic::before {
background: linear-gradient(0deg, rgba(115, 154, 159, 0) 50%, rgba(115, 154, 159, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35090ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35090ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(130) .part {
left: calc(50% + 226px);
}
.particle:nth-child(130) .rotate,
.particle:nth-child(130) .rotatefollow {
-webkit-animation-delay: -95068ms;
animation-delay: -95068ms;
-webkit-animation-duration: 5924ms;
animation-duration: 5924ms;
}
.particle:nth-child(130) .graphic {
background: linear-gradient(0deg, #5b41a3 0%, #bfa5ff 100%);
-webkit-animation: amplitude 1000ms -95068ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -95068ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(130) .graphic::before {
background: linear-gradient(0deg, rgba(141, 115, 213, 0) 50%, rgba(141, 115, 213, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -95068ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -95068ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(131) .part {
left: calc(50% + 249px);
}
.particle:nth-child(131) .rotate,
.particle:nth-child(131) .rotatefollow {
-webkit-animation-delay: -72167ms;
animation-delay: -72167ms;
-webkit-animation-duration: 6702ms;
animation-duration: 6702ms;
}
.particle:nth-child(131) .graphic {
background: linear-gradient(0deg, #6a7f8b 0%, #cee3ef 100%);
-webkit-animation: amplitude 1000ms -72167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -72167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(131) .graphic::before {
background: linear-gradient(0deg, rgba(156, 177, 189, 0) 50%, rgba(156, 177, 189, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -72167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -72167ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(132) .part {
left: calc(50% + 182px);
}
.particle:nth-child(132) .rotate,
.particle:nth-child(132) .rotatefollow {
-webkit-animation-delay: -68535ms;
animation-delay: -68535ms;
-webkit-animation-duration: 12140ms;
animation-duration: 12140ms;
}
.particle:nth-child(132) .graphic {
background: linear-gradient(0deg, #5953b0 0%, #bdb7ff 100%);
-webkit-animation: amplitude 1000ms -68535ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -68535ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(132) .graphic::before {
background: linear-gradient(0deg, rgba(139, 133, 226, 0) 50%, rgba(139, 133, 226, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -68535ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -68535ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(133) .part {
left: calc(50% + 280px);
}
.particle:nth-child(133) .rotate,
.particle:nth-child(133) .rotatefollow {
-webkit-animation-delay: -45550ms;
animation-delay: -45550ms;
-webkit-animation-duration: 9540ms;
animation-duration: 9540ms;
}
.particle:nth-child(133) .graphic {
background: linear-gradient(0deg, #69759a 0%, #cdd9fe 100%);
-webkit-animation: amplitude 1000ms -45550ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -45550ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(133) .graphic::before {
background: linear-gradient(0deg, rgba(155, 167, 204, 0) 50%, rgba(155, 167, 204, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -45550ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -45550ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(134) .part {
left: calc(50% + 227px);
}
.particle:nth-child(134) .rotate,
.particle:nth-child(134) .rotatefollow {
-webkit-animation-delay: -30434ms;
animation-delay: -30434ms;
-webkit-animation-duration: 14239ms;
animation-duration: 14239ms;
}
.particle:nth-child(134) .graphic {
background: linear-gradient(0deg, #5c4676 0%, #c0aada 100%);
-webkit-animation: amplitude 1000ms -30434ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -30434ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(134) .graphic::before {
background: linear-gradient(0deg, rgba(142, 120, 168, 0) 50%, rgba(142, 120, 168, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -30434ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -30434ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(135) .part {
left: calc(50% + 209px);
}
.particle:nth-child(135) .rotate,
.particle:nth-child(135) .rotatefollow {
-webkit-animation-delay: -105759ms;
animation-delay: -105759ms;
-webkit-animation-duration: 7867ms;
animation-duration: 7867ms;
}
.particle:nth-child(135) .graphic {
background: linear-gradient(0deg, #635a69 0%, #c7becd 100%);
-webkit-animation: amplitude 1000ms -105759ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -105759ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(135) .graphic::before {
background: linear-gradient(0deg, rgba(149, 140, 155, 0) 50%, rgba(149, 140, 155, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -105759ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -105759ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(136) .part {
left: calc(50% + 235px);
}
.particle:nth-child(136) .rotate,
.particle:nth-child(136) .rotatefollow {
-webkit-animation-delay: -23474ms;
animation-delay: -23474ms;
-webkit-animation-duration: 8976ms;
animation-duration: 8976ms;
}
.particle:nth-child(136) .graphic {
background: linear-gradient(0deg, #9378c8 0%, #f7dcff 100%);
-webkit-animation: amplitude 1000ms -23474ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -23474ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(136) .graphic::before {
background: linear-gradient(0deg, rgba(197, 170, 250, 0) 50%, rgba(197, 170, 250, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -23474ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -23474ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(137) .part {
left: calc(50% + 258px);
}
.particle:nth-child(137) .rotate,
.particle:nth-child(137) .rotatefollow {
-webkit-animation-delay: -111297ms;
animation-delay: -111297ms;
-webkit-animation-duration: 6507ms;
animation-duration: 6507ms;
}
.particle:nth-child(137) .graphic {
background: linear-gradient(0deg, #4b94a3 0%, #aff8ff 100%);
-webkit-animation: amplitude 1000ms -111297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -111297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(137) .graphic::before {
background: linear-gradient(0deg, rgba(125, 198, 213, 0) 50%, rgba(125, 198, 213, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -111297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -111297ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(138) .part {
left: calc(50% + 257px);
}
.particle:nth-child(138) .rotate,
.particle:nth-child(138) .rotatefollow {
-webkit-animation-delay: -16477ms;
animation-delay: -16477ms;
-webkit-animation-duration: 11952ms;
animation-duration: 11952ms;
}
.particle:nth-child(138) .graphic {
background: linear-gradient(0deg, #687c9d 0%, #cce0ff 100%);
-webkit-animation: amplitude 1000ms -16477ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -16477ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(138) .graphic::before {
background: linear-gradient(0deg, rgba(154, 174, 207, 0) 50%, rgba(154, 174, 207, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -16477ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -16477ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(139) .part {
left: calc(50% + 261px);
}
.particle:nth-child(139) .rotate,
.particle:nth-child(139) .rotatefollow {
-webkit-animation-delay: -112652ms;
animation-delay: -112652ms;
-webkit-animation-duration: 10457ms;
animation-duration: 10457ms;
}
.particle:nth-child(139) .graphic {
background: linear-gradient(0deg, #77887f 0%, #dbece3 100%);
-webkit-animation: amplitude 1000ms -112652ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -112652ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(139) .graphic::before {
background: linear-gradient(0deg, rgba(169, 186, 177, 0) 50%, rgba(169, 186, 177, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -112652ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -112652ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(140) .part {
left: calc(50% + 189px);
}
.particle:nth-child(140) .rotate,
.particle:nth-child(140) .rotatefollow {
-webkit-animation-delay: -97530ms;
animation-delay: -97530ms;
-webkit-animation-duration: 8621ms;
animation-duration: 8621ms;
}
.particle:nth-child(140) .graphic {
background: linear-gradient(0deg, #735d39 0%, #d7c19d 100%);
-webkit-animation: amplitude 1000ms -97530ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -97530ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(140) .graphic::before {
background: linear-gradient(0deg, rgba(165, 143, 107, 0) 50%, rgba(165, 143, 107, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -97530ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -97530ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(141) .part {
left: calc(50% + 252px);
}
.particle:nth-child(141) .rotate,
.particle:nth-child(141) .rotatefollow {
-webkit-animation-delay: -111312ms;
animation-delay: -111312ms;
-webkit-animation-duration: 13188ms;
animation-duration: 13188ms;
}
.particle:nth-child(141) .graphic {
background: linear-gradient(0deg, #4e6251 0%, #b2c6b5 100%);
-webkit-animation: amplitude 1000ms -111312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -111312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(141) .graphic::before {
background: linear-gradient(0deg, rgba(128, 148, 131, 0) 50%, rgba(128, 148, 131, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -111312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -111312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(142) .part {
left: calc(50% + 203px);
}
.particle:nth-child(142) .rotate,
.particle:nth-child(142) .rotatefollow {
-webkit-animation-delay: -23880ms;
animation-delay: -23880ms;
-webkit-animation-duration: 7342ms;
animation-duration: 7342ms;
}
.particle:nth-child(142) .graphic {
background: linear-gradient(0deg, #5d47af 0%, #c1abff 100%);
-webkit-animation: amplitude 1000ms -23880ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -23880ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(142) .graphic::before {
background: linear-gradient(0deg, rgba(143, 121, 225, 0) 50%, rgba(143, 121, 225, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -23880ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -23880ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(143) .part {
left: calc(50% + 195px);
}
.particle:nth-child(143) .rotate,
.particle:nth-child(143) .rotatefollow {
-webkit-animation-delay: -57156ms;
animation-delay: -57156ms;
-webkit-animation-duration: 10242ms;
animation-duration: 10242ms;
}
.particle:nth-child(143) .graphic {
background: linear-gradient(0deg, #837e56 0%, #e7e2ba 100%);
-webkit-animation: amplitude 1000ms -57156ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -57156ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(143) .graphic::before {
background: linear-gradient(0deg, rgba(181, 176, 136, 0) 50%, rgba(181, 176, 136, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -57156ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -57156ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(144) .part {
left: calc(50% + 218px);
}
.particle:nth-child(144) .rotate,
.particle:nth-child(144) .rotatefollow {
-webkit-animation-delay: -47365ms;
animation-delay: -47365ms;
-webkit-animation-duration: 8529ms;
animation-duration: 8529ms;
}
.particle:nth-child(144) .graphic {
background: linear-gradient(0deg, #7e7a68 0%, #e2decc 100%);
-webkit-animation: amplitude 1000ms -47365ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -47365ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(144) .graphic::before {
background: linear-gradient(0deg, rgba(176, 172, 154, 0) 50%, rgba(176, 172, 154, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -47365ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -47365ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(145) .part {
left: calc(50% + 266px);
}
.particle:nth-child(145) .rotate,
.particle:nth-child(145) .rotatefollow {
-webkit-animation-delay: -94075ms;
animation-delay: -94075ms;
-webkit-animation-duration: 5943ms;
animation-duration: 5943ms;
}
.particle:nth-child(145) .graphic {
background: linear-gradient(0deg, #5567af 0%, #b9cbff 100%);
-webkit-animation: amplitude 1000ms -94075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -94075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(145) .graphic::before {
background: linear-gradient(0deg, rgba(135, 153, 225, 0) 50%, rgba(135, 153, 225, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -94075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -94075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(146) .part {
left: calc(50% + 185px);
}
.particle:nth-child(146) .rotate,
.particle:nth-child(146) .rotatefollow {
-webkit-animation-delay: -27144ms;
animation-delay: -27144ms;
-webkit-animation-duration: 5850ms;
animation-duration: 5850ms;
}
.particle:nth-child(146) .graphic {
background: linear-gradient(0deg, #423e7a 0%, #a6a2de 100%);
-webkit-animation: amplitude 1000ms -27144ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -27144ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(146) .graphic::before {
background: linear-gradient(0deg, rgba(116, 112, 172, 0) 50%, rgba(116, 112, 172, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -27144ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -27144ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(147) .part {
left: calc(50% + 210px);
}
.particle:nth-child(147) .rotate,
.particle:nth-child(147) .rotatefollow {
-webkit-animation-delay: -48312ms;
animation-delay: -48312ms;
-webkit-animation-duration: 14399ms;
animation-duration: 14399ms;
}
.particle:nth-child(147) .graphic {
background: linear-gradient(0deg, #566d52 0%, #bad1b6 100%);
-webkit-animation: amplitude 1000ms -48312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -48312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(147) .graphic::before {
background: linear-gradient(0deg, rgba(136, 159, 132, 0) 50%, rgba(136, 159, 132, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -48312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -48312ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(148) .part {
left: calc(50% + 215px);
}
.particle:nth-child(148) .rotate,
.particle:nth-child(148) .rotatefollow {
-webkit-animation-delay: -20771ms;
animation-delay: -20771ms;
-webkit-animation-duration: 6701ms;
animation-duration: 6701ms;
}
.particle:nth-child(148) .graphic {
background: linear-gradient(0deg, #3b9083 0%, #9ff4e7 100%);
-webkit-animation: amplitude 1000ms -20771ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -20771ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(148) .graphic::before {
background: linear-gradient(0deg, rgba(109, 194, 181, 0) 50%, rgba(109, 194, 181, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -20771ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -20771ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(149) .part {
left: calc(50% + 203px);
}
.particle:nth-child(149) .rotate,
.particle:nth-child(149) .rotatefollow {
-webkit-animation-delay: -97177ms;
animation-delay: -97177ms;
-webkit-animation-duration: 9263ms;
animation-duration: 9263ms;
}
.particle:nth-child(149) .graphic {
background: linear-gradient(0deg, #7d55ac 0%, #e1b9ff 100%);
-webkit-animation: amplitude 1000ms -97177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -97177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(149) .graphic::before {
background: linear-gradient(0deg, rgba(175, 135, 222, 0) 50%, rgba(175, 135, 222, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -97177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -97177ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(150) .part {
left: calc(50% + 203px);
}
.particle:nth-child(150) .rotate,
.particle:nth-child(150) .rotatefollow {
-webkit-animation-delay: -76468ms;
animation-delay: -76468ms;
-webkit-animation-duration: 6358ms;
animation-duration: 6358ms;
}
.particle:nth-child(150) .graphic {
background: linear-gradient(0deg, #4c8c90 0%, #b0f0f4 100%);
-webkit-animation: amplitude 1000ms -76468ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -76468ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(150) .graphic::before {
background: linear-gradient(0deg, rgba(126, 190, 194, 0) 50%, rgba(126, 190, 194, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -76468ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -76468ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(151) .part {
left: calc(50% + 211px);
}
.particle:nth-child(151) .rotate,
.particle:nth-child(151) .rotatefollow {
-webkit-animation-delay: -48478ms;
animation-delay: -48478ms;
-webkit-animation-duration: 10359ms;
animation-duration: 10359ms;
}
.particle:nth-child(151) .graphic {
background: linear-gradient(0deg, #4c6833 0%, #b0cc97 100%);
-webkit-animation: amplitude 1000ms -48478ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -48478ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(151) .graphic::before {
background: linear-gradient(0deg, rgba(126, 154, 101, 0) 50%, rgba(126, 154, 101, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -48478ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -48478ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(152) .part {
left: calc(50% + 246px);
}
.particle:nth-child(152) .rotate,
.particle:nth-child(152) .rotatefollow {
-webkit-animation-delay: -54098ms;
animation-delay: -54098ms;
-webkit-animation-duration: 11355ms;
animation-duration: 11355ms;
}
.particle:nth-child(152) .graphic {
background: linear-gradient(0deg, #546d96 0%, #b8d1fa 100%);
-webkit-animation: amplitude 1000ms -54098ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -54098ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(152) .graphic::before {
background: linear-gradient(0deg, rgba(134, 159, 200, 0) 50%, rgba(134, 159, 200, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -54098ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -54098ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(153) .part {
left: calc(50% + 201px);
}
.particle:nth-child(153) .rotate,
.particle:nth-child(153) .rotatefollow {
-webkit-animation-delay: -105573ms;
animation-delay: -105573ms;
-webkit-animation-duration: 5282ms;
animation-duration: 5282ms;
}
.particle:nth-child(153) .graphic {
background: linear-gradient(0deg, #5857c6 0%, #bcbbff 100%);
-webkit-animation: amplitude 1000ms -105573ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -105573ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(153) .graphic::before {
background: linear-gradient(0deg, rgba(138, 137, 248, 0) 50%, rgba(138, 137, 248, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -105573ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -105573ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(154) .part {
left: calc(50% + 228px);
}
.particle:nth-child(154) .rotate,
.particle:nth-child(154) .rotatefollow {
-webkit-animation-delay: -43072ms;
animation-delay: -43072ms;
-webkit-animation-duration: 7213ms;
animation-duration: 7213ms;
}
.particle:nth-child(154) .graphic {
background: linear-gradient(0deg, #3f414a 0%, #a3a5ae 100%);
-webkit-animation: amplitude 1000ms -43072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -43072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(154) .graphic::before {
background: linear-gradient(0deg, rgba(113, 115, 124, 0) 50%, rgba(113, 115, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -43072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -43072ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(155) .part {
left: calc(50% + 230px);
}
.particle:nth-child(155) .rotate,
.particle:nth-child(155) .rotatefollow {
-webkit-animation-delay: -35582ms;
animation-delay: -35582ms;
-webkit-animation-duration: 14838ms;
animation-duration: 14838ms;
}
.particle:nth-child(155) .graphic {
background: linear-gradient(0deg, #65915e 0%, #c9f5c2 100%);
-webkit-animation: amplitude 1000ms -35582ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -35582ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(155) .graphic::before {
background: linear-gradient(0deg, rgba(151, 195, 144, 0) 50%, rgba(151, 195, 144, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -35582ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -35582ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(156) .part {
left: calc(50% + 210px);
}
.particle:nth-child(156) .rotate,
.particle:nth-child(156) .rotatefollow {
-webkit-animation-delay: -67317ms;
animation-delay: -67317ms;
-webkit-animation-duration: 13277ms;
animation-duration: 13277ms;
}
.particle:nth-child(156) .graphic {
background: linear-gradient(0deg, #8d6e9c 0%, #f1d2ff 100%);
-webkit-animation: amplitude 1000ms -67317ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -67317ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(156) .graphic::before {
background: linear-gradient(0deg, rgba(191, 160, 206, 0) 50%, rgba(191, 160, 206, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -67317ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -67317ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(157) .part {
left: calc(50% + 223px);
}
.particle:nth-child(157) .rotate,
.particle:nth-child(157) .rotatefollow {
-webkit-animation-delay: -65109ms;
animation-delay: -65109ms;
-webkit-animation-duration: 12300ms;
animation-duration: 12300ms;
}
.particle:nth-child(157) .graphic {
background: linear-gradient(0deg, #8145a7 0%, #e5a9ff 100%);
-webkit-animation: amplitude 1000ms -65109ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -65109ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(157) .graphic::before {
background: linear-gradient(0deg, rgba(179, 119, 217, 0) 50%, rgba(179, 119, 217, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -65109ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -65109ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(158) .part {
left: calc(50% + 236px);
}
.particle:nth-child(158) .rotate,
.particle:nth-child(158) .rotatefollow {
-webkit-animation-delay: -72097ms;
animation-delay: -72097ms;
-webkit-animation-duration: 8026ms;
animation-duration: 8026ms;
}
.particle:nth-child(158) .graphic {
background: linear-gradient(0deg, #469697 0%, #aafafb 100%);
-webkit-animation: amplitude 1000ms -72097ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -72097ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(158) .graphic::before {
background: linear-gradient(0deg, rgba(120, 200, 201, 0) 50%, rgba(120, 200, 201, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -72097ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -72097ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(159) .part {
left: calc(50% + 233px);
}
.particle:nth-child(159) .rotate,
.particle:nth-child(159) .rotatefollow {
-webkit-animation-delay: -39403ms;
animation-delay: -39403ms;
-webkit-animation-duration: 9121ms;
animation-duration: 9121ms;
}
.particle:nth-child(159) .graphic {
background: linear-gradient(0deg, #6c57b3 0%, #d0bbff 100%);
-webkit-animation: amplitude 1000ms -39403ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -39403ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(159) .graphic::before {
background: linear-gradient(0deg, rgba(158, 137, 229, 0) 50%, rgba(158, 137, 229, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -39403ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -39403ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(160) .part {
left: calc(50% + 245px);
}
.particle:nth-child(160) .rotate,
.particle:nth-child(160) .rotatefollow {
-webkit-animation-delay: -84349ms;
animation-delay: -84349ms;
-webkit-animation-duration: 9283ms;
animation-duration: 9283ms;
}
.particle:nth-child(160) .graphic {
background: linear-gradient(0deg, #564469 0%, #baa8cd 100%);
-webkit-animation: amplitude 1000ms -84349ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -84349ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(160) .graphic::before {
background: linear-gradient(0deg, rgba(136, 118, 155, 0) 50%, rgba(136, 118, 155, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -84349ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -84349ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(161) .part {
left: calc(50% + 240px);
}
.particle:nth-child(161) .rotate,
.particle:nth-child(161) .rotatefollow {
-webkit-animation-delay: -63729ms;
animation-delay: -63729ms;
-webkit-animation-duration: 14043ms;
animation-duration: 14043ms;
}
.particle:nth-child(161) .graphic {
background: linear-gradient(0deg, #605d63 0%, #c4c1c7 100%);
-webkit-animation: amplitude 1000ms -63729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -63729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(161) .graphic::before {
background: linear-gradient(0deg, rgba(146, 143, 149, 0) 50%, rgba(146, 143, 149, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -63729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -63729ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(162) .part {
left: calc(50% + 215px);
}
.particle:nth-child(162) .rotate,
.particle:nth-child(162) .rotatefollow {
-webkit-animation-delay: -39735ms;
animation-delay: -39735ms;
-webkit-animation-duration: 6251ms;
animation-duration: 6251ms;
}
.particle:nth-child(162) .graphic {
background: linear-gradient(0deg, #8179b0 0%, #e5ddff 100%);
-webkit-animation: amplitude 1000ms -39735ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -39735ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(162) .graphic::before {
background: linear-gradient(0deg, rgba(179, 171, 226, 0) 50%, rgba(179, 171, 226, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -39735ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -39735ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(163) .part {
left: calc(50% + 243px);
}
.particle:nth-child(163) .rotate,
.particle:nth-child(163) .rotatefollow {
-webkit-animation-delay: -51683ms;
animation-delay: -51683ms;
-webkit-animation-duration: 11713ms;
animation-duration: 11713ms;
}
.particle:nth-child(163) .graphic {
background: linear-gradient(0deg, #8f8b90 0%, #f3eff4 100%);
-webkit-animation: amplitude 1000ms -51683ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -51683ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(163) .graphic::before {
background: linear-gradient(0deg, rgba(193, 189, 194, 0) 50%, rgba(193, 189, 194, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -51683ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -51683ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(164) .part {
left: calc(50% + 194px);
}
.particle:nth-child(164) .rotate,
.particle:nth-child(164) .rotatefollow {
-webkit-animation-delay: -75338ms;
animation-delay: -75338ms;
-webkit-animation-duration: 5546ms;
animation-duration: 5546ms;
}
.particle:nth-child(164) .graphic {
background: linear-gradient(0deg, #856471 0%, #e9c8d5 100%);
-webkit-animation: amplitude 1000ms -75338ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -75338ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(164) .graphic::before {
background: linear-gradient(0deg, rgba(183, 150, 163, 0) 50%, rgba(183, 150, 163, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -75338ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -75338ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(165) .part {
left: calc(50% + 191px);
}
.particle:nth-child(165) .rotate,
.particle:nth-child(165) .rotatefollow {
-webkit-animation-delay: -98824ms;
animation-delay: -98824ms;
-webkit-animation-duration: 10111ms;
animation-duration: 10111ms;
}
.particle:nth-child(165) .graphic {
background: linear-gradient(0deg, #5f6088 0%, #c3c4ec 100%);
-webkit-animation: amplitude 1000ms -98824ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -98824ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(165) .graphic::before {
background: linear-gradient(0deg, rgba(145, 146, 186, 0) 50%, rgba(145, 146, 186, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -98824ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -98824ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(166) .part {
left: calc(50% + 254px);
}
.particle:nth-child(166) .rotate,
.particle:nth-child(166) .rotatefollow {
-webkit-animation-delay: -73483ms;
animation-delay: -73483ms;
-webkit-animation-duration: 13534ms;
animation-duration: 13534ms;
}
.particle:nth-child(166) .graphic {
background: linear-gradient(0deg, #885999 0%, #ecbdfd 100%);
-webkit-animation: amplitude 1000ms -73483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -73483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(166) .graphic::before {
background: linear-gradient(0deg, rgba(186, 139, 203, 0) 50%, rgba(186, 139, 203, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -73483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -73483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(167) .part {
left: calc(50% + 187px);
}
.particle:nth-child(167) .rotate,
.particle:nth-child(167) .rotatefollow {
-webkit-animation-delay: -46361ms;
animation-delay: -46361ms;
-webkit-animation-duration: 5111ms;
animation-duration: 5111ms;
}
.particle:nth-child(167) .graphic {
background: linear-gradient(0deg, #7c8f57 0%, #e0f3bb 100%);
-webkit-animation: amplitude 1000ms -46361ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -46361ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(167) .graphic::before {
background: linear-gradient(0deg, rgba(174, 193, 137, 0) 50%, rgba(174, 193, 137, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -46361ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -46361ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(168) .part {
left: calc(50% + 184px);
}
.particle:nth-child(168) .rotate,
.particle:nth-child(168) .rotatefollow {
-webkit-animation-delay: -84682ms;
animation-delay: -84682ms;
-webkit-animation-duration: 13012ms;
animation-duration: 13012ms;
}
.particle:nth-child(168) .graphic {
background: linear-gradient(0deg, #6b5252 0%, #cfb6b6 100%);
-webkit-animation: amplitude 1000ms -84682ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -84682ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(168) .graphic::before {
background: linear-gradient(0deg, rgba(157, 132, 132, 0) 50%, rgba(157, 132, 132, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -84682ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -84682ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(169) .part {
left: calc(50% + 207px);
}
.particle:nth-child(169) .rotate,
.particle:nth-child(169) .rotatefollow {
-webkit-animation-delay: -69978ms;
animation-delay: -69978ms;
-webkit-animation-duration: 9870ms;
animation-duration: 9870ms;
}
.particle:nth-child(169) .graphic {
background: linear-gradient(0deg, #71337d 0%, #d597e1 100%);
-webkit-animation: amplitude 1000ms -69978ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -69978ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(169) .graphic::before {
background: linear-gradient(0deg, rgba(163, 101, 175, 0) 50%, rgba(163, 101, 175, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -69978ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -69978ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(170) .part {
left: calc(50% + 247px);
}
.particle:nth-child(170) .rotate,
.particle:nth-child(170) .rotatefollow {
-webkit-animation-delay: -43965ms;
animation-delay: -43965ms;
-webkit-animation-duration: 8828ms;
animation-duration: 8828ms;
}
.particle:nth-child(170) .graphic {
background: linear-gradient(0deg, #4e357c 0%, #b299e0 100%);
-webkit-animation: amplitude 1000ms -43965ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -43965ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(170) .graphic::before {
background: linear-gradient(0deg, rgba(128, 103, 174, 0) 50%, rgba(128, 103, 174, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -43965ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -43965ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(171) .part {
left: calc(50% + 238px);
}
.particle:nth-child(171) .rotate,
.particle:nth-child(171) .rotatefollow {
-webkit-animation-delay: -51663ms;
animation-delay: -51663ms;
-webkit-animation-duration: 9067ms;
animation-duration: 9067ms;
}
.particle:nth-child(171) .graphic {
background: linear-gradient(0deg, #6f5d65 0%, #d3c1c9 100%);
-webkit-animation: amplitude 1000ms -51663ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -51663ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(171) .graphic::before {
background: linear-gradient(0deg, rgba(161, 143, 151, 0) 50%, rgba(161, 143, 151, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -51663ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -51663ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(172) .part {
left: calc(50% + 251px);
}
.particle:nth-child(172) .rotate,
.particle:nth-child(172) .rotatefollow {
-webkit-animation-delay: -38488ms;
animation-delay: -38488ms;
-webkit-animation-duration: 12786ms;
animation-duration: 12786ms;
}
.particle:nth-child(172) .graphic {
background: linear-gradient(0deg, #6e7541 0%, #d2d9a5 100%);
-webkit-animation: amplitude 1000ms -38488ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -38488ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(172) .graphic::before {
background: linear-gradient(0deg, rgba(160, 167, 115, 0) 50%, rgba(160, 167, 115, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -38488ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -38488ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(173) .part {
left: calc(50% + 259px);
}
.particle:nth-child(173) .rotate,
.particle:nth-child(173) .rotatefollow {
-webkit-animation-delay: -79564ms;
animation-delay: -79564ms;
-webkit-animation-duration: 7916ms;
animation-duration: 7916ms;
}
.particle:nth-child(173) .graphic {
background: linear-gradient(0deg, #68945e 0%, #ccf8c2 100%);
-webkit-animation: amplitude 1000ms -79564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -79564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(173) .graphic::before {
background: linear-gradient(0deg, rgba(154, 198, 144, 0) 50%, rgba(154, 198, 144, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -79564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -79564ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(174) .part {
left: calc(50% + 226px);
}
.particle:nth-child(174) .rotate,
.particle:nth-child(174) .rotatefollow {
-webkit-animation-delay: -97932ms;
animation-delay: -97932ms;
-webkit-animation-duration: 10129ms;
animation-duration: 10129ms;
}
.particle:nth-child(174) .graphic {
background: linear-gradient(0deg, #7e5b80 0%, #e2bfe4 100%);
-webkit-animation: amplitude 1000ms -97932ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -97932ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(174) .graphic::before {
background: linear-gradient(0deg, rgba(176, 141, 178, 0) 50%, rgba(176, 141, 178, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -97932ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -97932ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(175) .part {
left: calc(50% + 235px);
}
.particle:nth-child(175) .rotate,
.particle:nth-child(175) .rotatefollow {
-webkit-animation-delay: -76565ms;
animation-delay: -76565ms;
-webkit-animation-duration: 9314ms;
animation-duration: 9314ms;
}
.particle:nth-child(175) .graphic {
background: linear-gradient(0deg, #87784a 0%, #ebdcae 100%);
-webkit-animation: amplitude 1000ms -76565ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -76565ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(175) .graphic::before {
background: linear-gradient(0deg, rgba(185, 170, 124, 0) 50%, rgba(185, 170, 124, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -76565ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -76565ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(176) .part {
left: calc(50% + 182px);
}
.particle:nth-child(176) .rotate,
.particle:nth-child(176) .rotatefollow {
-webkit-animation-delay: -106967ms;
animation-delay: -106967ms;
-webkit-animation-duration: 12259ms;
animation-duration: 12259ms;
}
.particle:nth-child(176) .graphic {
background: linear-gradient(0deg, #346bbc 0%, #98cfff 100%);
-webkit-animation: amplitude 1000ms -106967ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -106967ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(176) .graphic::before {
background: linear-gradient(0deg, rgba(102, 157, 238, 0) 50%, rgba(102, 157, 238, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -106967ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -106967ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(177) .part {
left: calc(50% + 273px);
}
.particle:nth-child(177) .rotate,
.particle:nth-child(177) .rotatefollow {
-webkit-animation-delay: -108909ms;
animation-delay: -108909ms;
-webkit-animation-duration: 14697ms;
animation-duration: 14697ms;
}
.particle:nth-child(177) .graphic {
background: linear-gradient(0deg, #4e7a95 0%, #b2def9 100%);
-webkit-animation: amplitude 1000ms -108909ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -108909ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(177) .graphic::before {
background: linear-gradient(0deg, rgba(128, 172, 199, 0) 50%, rgba(128, 172, 199, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -108909ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -108909ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(178) .part {
left: calc(50% + 277px);
}
.particle:nth-child(178) .rotate,
.particle:nth-child(178) .rotatefollow {
-webkit-animation-delay: -114075ms;
animation-delay: -114075ms;
-webkit-animation-duration: 5491ms;
animation-duration: 5491ms;
}
.particle:nth-child(178) .graphic {
background: linear-gradient(0deg, #6b8343 0%, #cfe7a7 100%);
-webkit-animation: amplitude 1000ms -114075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -114075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(178) .graphic::before {
background: linear-gradient(0deg, rgba(157, 181, 117, 0) 50%, rgba(157, 181, 117, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -114075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -114075ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(179) .part {
left: calc(50% + 225px);
}
.particle:nth-child(179) .rotate,
.particle:nth-child(179) .rotatefollow {
-webkit-animation-delay: -59483ms;
animation-delay: -59483ms;
-webkit-animation-duration: 10465ms;
animation-duration: 10465ms;
}
.particle:nth-child(179) .graphic {
background: linear-gradient(0deg, #7576a2 0%, #d9daff 100%);
-webkit-animation: amplitude 1000ms -59483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -59483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(179) .graphic::before {
background: linear-gradient(0deg, rgba(167, 168, 212, 0) 50%, rgba(167, 168, 212, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -59483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -59483ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(180) .part {
left: calc(50% + 255px);
}
.particle:nth-child(180) .rotate,
.particle:nth-child(180) .rotatefollow {
-webkit-animation-delay: -110145ms;
animation-delay: -110145ms;
-webkit-animation-duration: 12208ms;
animation-duration: 12208ms;
}
.particle:nth-child(180) .graphic {
background: linear-gradient(0deg, #36707c 0%, #9ad4e0 100%);
-webkit-animation: amplitude 1000ms -110145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -110145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(180) .graphic::before {
background: linear-gradient(0deg, rgba(104, 162, 174, 0) 50%, rgba(104, 162, 174, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -110145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -110145ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(181) .part {
left: calc(50% + 262px);
}
.particle:nth-child(181) .rotate,
.particle:nth-child(181) .rotatefollow {
-webkit-animation-delay: -85099ms;
animation-delay: -85099ms;
-webkit-animation-duration: 12335ms;
animation-duration: 12335ms;
}
.particle:nth-child(181) .graphic {
background: linear-gradient(0deg, #383389 0%, #9c97ed 100%);
-webkit-animation: amplitude 1000ms -85099ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -85099ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(181) .graphic::before {
background: linear-gradient(0deg, rgba(106, 101, 187, 0) 50%, rgba(106, 101, 187, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -85099ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -85099ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(182) .part {
left: calc(50% + 279px);
}
.particle:nth-child(182) .rotate,
.particle:nth-child(182) .rotatefollow {
-webkit-animation-delay: -60212ms;
animation-delay: -60212ms;
-webkit-animation-duration: 11951ms;
animation-duration: 11951ms;
}
.particle:nth-child(182) .graphic {
background: linear-gradient(0deg, #5f90c8 0%, #c3f4ff 100%);
-webkit-animation: amplitude 1000ms -60212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -60212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(182) .graphic::before {
background: linear-gradient(0deg, rgba(145, 194, 250, 0) 50%, rgba(145, 194, 250, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -60212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -60212ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(183) .part {
left: calc(50% + 259px);
}
.particle:nth-child(183) .rotate,
.particle:nth-child(183) .rotatefollow {
-webkit-animation-delay: -73194ms;
animation-delay: -73194ms;
-webkit-animation-duration: 12471ms;
animation-duration: 12471ms;
}
.particle:nth-child(183) .graphic {
background: linear-gradient(0deg, #8d9581 0%, #f1f9e5 100%);
-webkit-animation: amplitude 1000ms -73194ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -73194ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(183) .graphic::before {
background: linear-gradient(0deg, rgba(191, 199, 179, 0) 50%, rgba(191, 199, 179, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -73194ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -73194ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(184) .part {
left: calc(50% + 266px);
}
.particle:nth-child(184) .rotate,
.particle:nth-child(184) .rotatefollow {
-webkit-animation-delay: -106871ms;
animation-delay: -106871ms;
-webkit-animation-duration: 11645ms;
animation-duration: 11645ms;
}
.particle:nth-child(184) .graphic {
background: linear-gradient(0deg, #8a6349 0%, #eec7ad 100%);
-webkit-animation: amplitude 1000ms -106871ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -106871ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(184) .graphic::before {
background: linear-gradient(0deg, rgba(188, 149, 123, 0) 50%, rgba(188, 149, 123, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -106871ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -106871ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(185) .part {
left: calc(50% + 260px);
}
.particle:nth-child(185) .rotate,
.particle:nth-child(185) .rotatefollow {
-webkit-animation-delay: -80949ms;
animation-delay: -80949ms;
-webkit-animation-duration: 10900ms;
animation-duration: 10900ms;
}
.particle:nth-child(185) .graphic {
background: linear-gradient(0deg, #516d7f 0%, #b5d1e3 100%);
-webkit-animation: amplitude 1000ms -80949ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -80949ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(185) .graphic::before {
background: linear-gradient(0deg, rgba(131, 159, 177, 0) 50%, rgba(131, 159, 177, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -80949ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -80949ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(186) .part {
left: calc(50% + 244px);
}
.particle:nth-child(186) .rotate,
.particle:nth-child(186) .rotatefollow {
-webkit-animation-delay: -16218ms;
animation-delay: -16218ms;
-webkit-animation-duration: 9580ms;
animation-duration: 9580ms;
}
.particle:nth-child(186) .graphic {
background: linear-gradient(0deg, #6374c0 0%, #c7d8ff 100%);
-webkit-animation: amplitude 1000ms -16218ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -16218ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(186) .graphic::before {
background: linear-gradient(0deg, rgba(149, 166, 242, 0) 50%, rgba(149, 166, 242, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -16218ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -16218ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(187) .part {
left: calc(50% + 227px);
}
.particle:nth-child(187) .rotate,
.particle:nth-child(187) .rotatefollow {
-webkit-animation-delay: -101898ms;
animation-delay: -101898ms;
-webkit-animation-duration: 12811ms;
animation-duration: 12811ms;
}
.particle:nth-child(187) .graphic {
background: linear-gradient(0deg, #5088c6 0%, #b4ecff 100%);
-webkit-animation: amplitude 1000ms -101898ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -101898ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(187) .graphic::before {
background: linear-gradient(0deg, rgba(130, 186, 248, 0) 50%, rgba(130, 186, 248, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -101898ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -101898ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(188) .part {
left: calc(50% + 261px);
}
.particle:nth-child(188) .rotate,
.particle:nth-child(188) .rotatefollow {
-webkit-animation-delay: -19718ms;
animation-delay: -19718ms;
-webkit-animation-duration: 6189ms;
animation-duration: 6189ms;
}
.particle:nth-child(188) .graphic {
background: linear-gradient(0deg, #7c5c67 0%, #e0c0cb 100%);
-webkit-animation: amplitude 1000ms -19718ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -19718ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(188) .graphic::before {
background: linear-gradient(0deg, rgba(174, 142, 153, 0) 50%, rgba(174, 142, 153, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -19718ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -19718ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(189) .part {
left: calc(50% + 241px);
}
.particle:nth-child(189) .rotate,
.particle:nth-child(189) .rotatefollow {
-webkit-animation-delay: -112054ms;
animation-delay: -112054ms;
-webkit-animation-duration: 8502ms;
animation-duration: 8502ms;
}
.particle:nth-child(189) .graphic {
background: linear-gradient(0deg, #9449b1 0%, #f8adff 100%);
-webkit-animation: amplitude 1000ms -112054ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitude 1000ms -112054ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.particle:nth-child(189) .graphic::before {
background: linear-gradient(0deg, rgba(198, 123, 227, 0) 50%, rgba(198, 123, 227, 0.3) 100%);
-webkit-animation: amplitudeShadow 1000ms -112054ms cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
animation: amplitudeShadow 1000ms -112.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0