cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=768px, user-scalable=no"/>
</head>
<body>
  <div class="by">
    <div class="by__text by__text--1">demo for</div>
    <div class="by__text by__text--2">by</div><a href="https://github.com/legomushroom/mojs" title="mojs github page" class="by__logo by__logo--mojs"></a><a href="https://twitter.com/legomushroom" title="@legomushroom on twitter" class="by__logo by__logo--legomushroom"></a>
  </div>
  <div id="js-curtain" class="curtain">
    <div class="curtain__progress-text">loading..</div>
    <div id="js-progress-gradient" class="curtain__progress-text-gradient"></div>
    <div id="js-progress" class="curtain__progress"></div>
  </div>
  <div id="js-close-btn" class="close">
    <div id="js-close-btn-inner" class="close__inner"></div>
  </div>
  <div id="js-content" class="content">
    <div id="js-dust-1" class="dust dust--1 sprite">
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="0" ry="0" stroke-width="10" stroke-dasharray="0" stroke-dashoffset="0" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="1.6" ry="0.2" stroke-width="9.8" stroke-dasharray="3.4" stroke-dashoffset="6.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="3.2" ry="0.4" stroke-width="9.6" stroke-dasharray="6.8" stroke-dashoffset="13.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="4.800000000000001" ry="0.6000000000000001" stroke-width="9.4" stroke-dasharray="10.2" stroke-dashoffset="20.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="6.4" ry="0.8" stroke-width="9.2" stroke-dasharray="13.6" stroke-dashoffset="27.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="8" ry="1" stroke-width="9" stroke-dasharray="17" stroke-dashoffset="34" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="9.600000000000001" ry="1.2000000000000002" stroke-width="8.8" stroke-dasharray="20.4" stroke-dashoffset="40.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="11.200000000000001" ry="1.4000000000000001" stroke-width="8.6" stroke-dasharray="23.8" stroke-dashoffset="47.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="12.8" ry="1.6" stroke-width="8.4" stroke-dasharray="27.2" stroke-dashoffset="54.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="14.4" ry="1.8" stroke-width="8.2" stroke-dasharray="30.599999999999998" stroke-dashoffset="61.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="16" ry="2" stroke-width="8" stroke-dasharray="34" stroke-dashoffset="68" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="17.6" ry="2.2" stroke-width="7.8" stroke-dasharray="37.4" stroke-dashoffset="74.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="19.200000000000003" ry="2.4000000000000004" stroke-width="7.6" stroke-dasharray="40.8" stroke-dashoffset="81.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="20.8" ry="2.6" stroke-width="7.4" stroke-dasharray="44.199999999999996" stroke-dashoffset="88.39999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="22.400000000000002" ry="2.8000000000000003" stroke-width="7.199999999999999" stroke-dasharray="47.6" stroke-dashoffset="95.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="24" ry="3" stroke-width="7" stroke-dasharray="51" stroke-dashoffset="102" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="25.6" ry="3.2" stroke-width="6.8" stroke-dasharray="54.4" stroke-dashoffset="108.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="27.200000000000003" ry="3.4000000000000004" stroke-width="6.6" stroke-dasharray="57.8" stroke-dashoffset="115.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="28.8" ry="3.6" stroke-width="6.4" stroke-dasharray="61.199999999999996" stroke-dashoffset="122.39999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="30.400000000000002" ry="3.8000000000000003" stroke-width="6.199999999999999" stroke-dasharray="64.6" stroke-dashoffset="129.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="32" ry="4" stroke-width="6" stroke-dasharray="68" stroke-dashoffset="136" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="33.6" ry="4.2" stroke-width="5.8" stroke-dasharray="71.39999999999999" stroke-dashoffset="142.79999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="35.2" ry="4.4" stroke-width="5.6" stroke-dasharray="74.8" stroke-dashoffset="149.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="36.800000000000004" ry="4.6000000000000005" stroke-width="5.3999999999999995" stroke-dasharray="78.2" stroke-dashoffset="156.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="38.400000000000006" ry="4.800000000000001" stroke-width="5.199999999999999" stroke-dasharray="81.6" stroke-dashoffset="163.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="40" ry="5" stroke-width="5" stroke-dasharray="85" stroke-dashoffset="170" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="41.6" ry="5.2" stroke-width="4.8" stroke-dasharray="88.39999999999999" stroke-dashoffset="176.79999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="43.2" ry="5.4" stroke-width="4.6" stroke-dasharray="91.8" stroke-dashoffset="183.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="44.800000000000004" ry="5.6000000000000005" stroke-width="4.3999999999999995" stroke-dasharray="95.2" stroke-dashoffset="190.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="46.400000000000006" ry="5.800000000000001" stroke-width="4.199999999999999" stroke-dasharray="98.6" stroke-dashoffset="197.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="48" ry="6" stroke-width="4" stroke-dasharray="102" stroke-dashoffset="204" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="49.6" ry="6.2" stroke-width="3.8" stroke-dasharray="105.39999999999999" stroke-dashoffset="210.79999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="51.2" ry="6.4" stroke-width="3.5999999999999996" stroke-dasharray="108.8" stroke-dashoffset="217.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="52.800000000000004" ry="6.6000000000000005" stroke-width="3.3999999999999995" stroke-dasharray="112.2" stroke-dashoffset="224.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="54.400000000000006" ry="6.800000000000001" stroke-width="3.1999999999999993" stroke-dasharray="115.6" stroke-dashoffset="231.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="56" ry="7" stroke-width="3" stroke-dasharray="119" stroke-dashoffset="238" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="57.6" ry="7.2" stroke-width="2.8" stroke-dasharray="122.39999999999999" stroke-dashoffset="244.79999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="59.2" ry="7.4" stroke-width="2.5999999999999996" stroke-dasharray="125.8" stroke-dashoffset="251.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="60.800000000000004" ry="7.6000000000000005" stroke-width="2.3999999999999995" stroke-dasharray="129.2" stroke-dashoffset="258.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="62.400000000000006" ry="7.800000000000001" stroke-width="2.1999999999999993" stroke-dasharray="132.6" stroke-dashoffset="265.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="64" ry="8" stroke-width="2" stroke-dasharray="136" stroke-dashoffset="272" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="65.60000000000001" ry="8.200000000000001" stroke-width="1.799999999999999" stroke-dasharray="139.4" stroke-dashoffset="278.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="67.2" ry="8.4" stroke-width="1.5999999999999996" stroke-dasharray="142.79999999999998" stroke-dashoffset="285.59999999999997" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="68.8" ry="8.6" stroke-width="1.4000000000000004" stroke-dasharray="146.2" stroke-dashoffset="292.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="70.4" ry="8.8" stroke-width="1.1999999999999993" stroke-dasharray="149.6" stroke-dashoffset="299.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="72" ry="9" stroke-width="1" stroke-dasharray="153" stroke-dashoffset="306" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="73.60000000000001" ry="9.200000000000001" stroke-width="0.7999999999999989" stroke-dasharray="156.4" stroke-dashoffset="312.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="75.2" ry="9.4" stroke-width="0.5999999999999996" stroke-dasharray="159.79999999999998" stroke-dashoffset="319.59999999999997" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="76.80000000000001" ry="9.600000000000001" stroke-width="0.3999999999999986" stroke-dasharray="163.2" stroke-dashoffset="326.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="78.4" ry="9.8" stroke-width="0.1999999999999993" stroke-dasharray="166.6" stroke-dashoffset="333.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
    </div>
    <div id="js-dust-2" class="dust dust--2 sprite">
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="0" ry="0" stroke-width="8" stroke-dasharray="0" stroke-dashoffset="0" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="1" ry="0.16" stroke-width="7.84" stroke-dasharray="3.6" stroke-dashoffset="1.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="2" ry="0.32" stroke-width="7.68" stroke-dasharray="7.2" stroke-dashoffset="2.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="3" ry="0.48" stroke-width="7.52" stroke-dasharray="10.8" stroke-dashoffset="4.199999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="4" ry="0.64" stroke-width="7.36" stroke-dasharray="14.4" stroke-dashoffset="5.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="5" ry="0.8" stroke-width="7.2" stroke-dasharray="18" stroke-dashoffset="7" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="6" ry="0.96" stroke-width="7.04" stroke-dasharray="21.6" stroke-dashoffset="8.399999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="7" ry="1.12" stroke-width="6.88" stroke-dasharray="25.2" stroke-dashoffset="9.799999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="8" ry="1.28" stroke-width="6.72" stroke-dasharray="28.8" stroke-dashoffset="11.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="9" ry="1.44" stroke-width="6.5600000000000005" stroke-dasharray="32.4" stroke-dashoffset="12.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="10" ry="1.6" stroke-width="6.4" stroke-dasharray="36" stroke-dashoffset="14" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="11" ry="1.76" stroke-width="6.24" stroke-dasharray="39.6" stroke-dashoffset="15.399999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="12" ry="1.92" stroke-width="6.08" stroke-dasharray="43.2" stroke-dashoffset="16.799999999999997" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="13" ry="2.08" stroke-width="5.92" stroke-dasharray="46.800000000000004" stroke-dashoffset="18.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="14" ry="2.24" stroke-width="5.76" stroke-dasharray="50.4" stroke-dashoffset="19.599999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="15" ry="2.4" stroke-width="5.6" stroke-dasharray="54" stroke-dashoffset="21" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="16" ry="2.56" stroke-width="5.4399999999999995" stroke-dasharray="57.6" stroke-dashoffset="22.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="17" ry="2.72" stroke-width="5.279999999999999" stroke-dasharray="61.2" stroke-dashoffset="23.799999999999997" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="18" ry="2.88" stroke-width="5.12" stroke-dasharray="64.8" stroke-dashoffset="25.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="19" ry="3.04" stroke-width="4.96" stroke-dasharray="68.4" stroke-dashoffset="26.599999999999998" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="20" ry="3.2" stroke-width="4.8" stroke-dasharray="72" stroke-dashoffset="28" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="21" ry="3.36" stroke-width="4.640000000000001" stroke-dasharray="75.60000000000001" stroke-dashoffset="29.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="22" ry="3.52" stroke-width="4.48" stroke-dasharray="79.2" stroke-dashoffset="30.799999999999997" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="23" ry="3.68" stroke-width="4.32" stroke-dasharray="82.8" stroke-dashoffset="32.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="24" ry="3.84" stroke-width="4.16" stroke-dasharray="86.4" stroke-dashoffset="33.599999999999994" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="25" ry="4" stroke-width="4" stroke-dasharray="90" stroke-dashoffset="35" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="26" ry="4.16" stroke-width="3.84" stroke-dasharray="93.60000000000001" stroke-dashoffset="36.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="27" ry="4.32" stroke-width="3.6799999999999997" stroke-dasharray="97.2" stroke-dashoffset="37.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="28" ry="4.48" stroke-width="3.5199999999999996" stroke-dasharray="100.8" stroke-dashoffset="39.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="29" ry="4.64" stroke-width="3.3600000000000003" stroke-dasharray="104.4" stroke-dashoffset="40.599999999999994" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="30" ry="4.8" stroke-width="3.2" stroke-dasharray="108" stroke-dashoffset="42" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="31" ry="4.96" stroke-width="3.04" stroke-dasharray="111.60000000000001" stroke-dashoffset="43.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="32" ry="5.12" stroke-width="2.88" stroke-dasharray="115.2" stroke-dashoffset="44.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="33" ry="5.28" stroke-width="2.7199999999999998" stroke-dasharray="118.8" stroke-dashoffset="46.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="34" ry="5.44" stroke-width="2.5599999999999996" stroke-dasharray="122.4" stroke-dashoffset="47.599999999999994" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="35" ry="5.6000000000000005" stroke-width="2.3999999999999995" stroke-dasharray="126" stroke-dashoffset="49" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="36" ry="5.76" stroke-width="2.24" stroke-dasharray="129.6" stroke-dashoffset="50.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="37" ry="5.92" stroke-width="2.08" stroke-dasharray="133.20000000000002" stroke-dashoffset="51.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="38" ry="6.08" stroke-width="1.92" stroke-dasharray="136.8" stroke-dashoffset="53.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="39" ry="6.24" stroke-width="1.7599999999999998" stroke-dasharray="140.4" stroke-dashoffset="54.599999999999994" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="40" ry="6.4" stroke-width="1.5999999999999996" stroke-dasharray="144" stroke-dashoffset="56" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="41" ry="6.5600000000000005" stroke-width="1.4399999999999995" stroke-dasharray="147.6" stroke-dashoffset="57.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="42" ry="6.72" stroke-width="1.2800000000000002" stroke-dasharray="151.20000000000002" stroke-dashoffset="58.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="43" ry="6.88" stroke-width="1.12" stroke-dasharray="154.8" stroke-dashoffset="60.199999999999996" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="44" ry="7.04" stroke-width="0.96" stroke-dasharray="158.4" stroke-dashoffset="61.599999999999994" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="45" ry="7.2" stroke-width="0.7999999999999998" stroke-dasharray="162" stroke-dashoffset="62.99999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="46" ry="7.36" stroke-width="0.6399999999999997" stroke-dasharray="165.6" stroke-dashoffset="64.39999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="47" ry="7.5200000000000005" stroke-width="0.47999999999999954" stroke-dasharray="169.20000000000002" stroke-dashoffset="65.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="48" ry="7.68" stroke-width="0.3200000000000003" stroke-dasharray="172.8" stroke-dashoffset="67.19999999999999" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="49" ry="7.84" stroke-width="0.16000000000000014" stroke-dasharray="176.4" stroke-dashoffset="68.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
    </div>
    <div id="js-dust-3" class="dust dust--3 sprite">
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="0" ry="0" stroke-width="5" stroke-dasharray="0" stroke-dashoffset="0" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="0.6" ry="0.08" stroke-width="4.9" stroke-dasharray="1.8" stroke-dashoffset="0.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="1.2" ry="0.16" stroke-width="4.8" stroke-dasharray="3.6" stroke-dashoffset="0.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="1.7999999999999998" ry="0.24" stroke-width="4.7" stroke-dasharray="5.4" stroke-dashoffset="1.2000000000000002" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="2.4" ry="0.32" stroke-width="4.6" stroke-dasharray="7.2" stroke-dashoffset="1.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="3" ry="0.4" stroke-width="4.5" stroke-dasharray="9" stroke-dashoffset="2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="3.5999999999999996" ry="0.48" stroke-width="4.4" stroke-dasharray="10.8" stroke-dashoffset="2.4000000000000004" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="4.2" ry="0.56" stroke-width="4.3" stroke-dasharray="12.6" stroke-dashoffset="2.8000000000000003" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="4.8" ry="0.64" stroke-width="4.2" stroke-dasharray="14.4" stroke-dashoffset="3.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="5.3999999999999995" ry="0.72" stroke-width="4.1" stroke-dasharray="16.2" stroke-dashoffset="3.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="6" ry="0.8" stroke-width="4" stroke-dasharray="18" stroke-dashoffset="4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="6.6" ry="0.88" stroke-width="3.9" stroke-dasharray="19.8" stroke-dashoffset="4.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="7.199999999999999" ry="0.96" stroke-width="3.8" stroke-dasharray="21.6" stroke-dashoffset="4.800000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="7.8" ry="1.04" stroke-width="3.7" stroke-dasharray="23.400000000000002" stroke-dashoffset="5.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="8.4" ry="1.12" stroke-width="3.5999999999999996" stroke-dasharray="25.2" stroke-dashoffset="5.6000000000000005" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="9" ry="1.2" stroke-width="3.5" stroke-dasharray="27" stroke-dashoffset="6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="9.6" ry="1.28" stroke-width="3.4" stroke-dasharray="28.8" stroke-dashoffset="6.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="10.2" ry="1.36" stroke-width="3.3" stroke-dasharray="30.6" stroke-dashoffset="6.800000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="10.799999999999999" ry="1.44" stroke-width="3.2" stroke-dasharray="32.4" stroke-dashoffset="7.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="11.4" ry="1.52" stroke-width="3.0999999999999996" stroke-dasharray="34.2" stroke-dashoffset="7.6000000000000005" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="12" ry="1.6" stroke-width="3" stroke-dasharray="36" stroke-dashoffset="8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="12.6" ry="1.68" stroke-width="2.9" stroke-dasharray="37.800000000000004" stroke-dashoffset="8.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="13.2" ry="1.76" stroke-width="2.8" stroke-dasharray="39.6" stroke-dashoffset="8.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="13.799999999999999" ry="1.84" stroke-width="2.6999999999999997" stroke-dasharray="41.4" stroke-dashoffset="9.200000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="14.399999999999999" ry="1.92" stroke-width="2.5999999999999996" stroke-dasharray="43.2" stroke-dashoffset="9.600000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="15" ry="2" stroke-width="2.5" stroke-dasharray="45" stroke-dashoffset="10" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="15.6" ry="2.08" stroke-width="2.4" stroke-dasharray="46.800000000000004" stroke-dashoffset="10.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="16.2" ry="2.16" stroke-width="2.3" stroke-dasharray="48.6" stroke-dashoffset="10.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="16.8" ry="2.24" stroke-width="2.1999999999999997" stroke-dasharray="50.4" stroke-dashoffset="11.200000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="17.4" ry="2.32" stroke-width="2.0999999999999996" stroke-dasharray="52.2" stroke-dashoffset="11.600000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="18" ry="2.4" stroke-width="2" stroke-dasharray="54" stroke-dashoffset="12" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="18.599999999999998" ry="2.48" stroke-width="1.9" stroke-dasharray="55.800000000000004" stroke-dashoffset="12.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="19.2" ry="2.56" stroke-width="1.7999999999999998" stroke-dasharray="57.6" stroke-dashoffset="12.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="19.8" ry="2.64" stroke-width="1.6999999999999997" stroke-dasharray="59.4" stroke-dashoffset="13.200000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="20.4" ry="2.72" stroke-width="1.5999999999999996" stroke-dasharray="61.2" stroke-dashoffset="13.600000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="21" ry="2.8000000000000003" stroke-width="1.5" stroke-dasharray="63" stroke-dashoffset="14" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="21.599999999999998" ry="2.88" stroke-width="1.4" stroke-dasharray="64.8" stroke-dashoffset="14.4" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="22.2" ry="2.96" stroke-width="1.2999999999999998" stroke-dasharray="66.60000000000001" stroke-dashoffset="14.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="22.8" ry="3.04" stroke-width="1.1999999999999997" stroke-dasharray="68.4" stroke-dashoffset="15.200000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="23.4" ry="3.12" stroke-width="1.0999999999999996" stroke-dasharray="70.2" stroke-dashoffset="15.600000000000001" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="24" ry="3.2" stroke-width="1" stroke-dasharray="72" stroke-dashoffset="16" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="24.599999999999998" ry="3.2800000000000002" stroke-width="0.8999999999999995" stroke-dasharray="73.8" stroke-dashoffset="16.400000000000002" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="25.2" ry="3.36" stroke-width="0.7999999999999998" stroke-dasharray="75.60000000000001" stroke-dashoffset="16.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="25.8" ry="3.44" stroke-width="0.7000000000000002" stroke-dasharray="77.4" stroke-dashoffset="17.2" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="26.4" ry="3.52" stroke-width="0.5999999999999996" stroke-dasharray="79.2" stroke-dashoffset="17.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="27" ry="3.6" stroke-width="0.5" stroke-dasharray="81" stroke-dashoffset="18" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="27.599999999999998" ry="3.68" stroke-width="0.39999999999999947" stroke-dasharray="82.8" stroke-dashoffset="18.400000000000002" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="28.2" ry="3.7600000000000002" stroke-width="0.2999999999999998" stroke-dasharray="84.60000000000001" stroke-dashoffset="18.8" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="28.799999999999997" ry="3.84" stroke-width="0.1999999999999993" stroke-dasharray="86.4" stroke-dashoffset="19.200000000000003" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
      <svg class="sprite__frame">
        <ellipse id="js-blob-circle-ellipse" cx="100" cy="10" rx="29.4" ry="3.92" stroke-width="0.09999999999999964" stroke-dasharray="88.2" stroke-dashoffset="19.6" stroke-linecap="round" class="sprite__ellipse"></ellipse>
      </svg>
    </div>
    <div id="js-content-inner" class="content__inner">
      <div class="project">
        <div class="project__img">
          <div id="js-shadow-wrap" class="project__shadow-wrap">
            <div id="js-shadow" class="project__shadow"></div>
          </div>
          <div class="image-ie"></div>
          <div class="image">
            <div class="scene">
              <div class="shape cuboid-1 cub-1">
                <div class="face ft">
                  <div class="photon-shader"></div>
                </div>
                <div class="face bk">
                  <div class="photon-shader"></div>
                </div>
                <div class="face rt">
                  <div class="photon-shader"></div>
                </div>
                <div class="face lt">
                  <div class="photon-shader"></div>
                </div>
                <div class="face bm">
                  <div class="photon-shader"></div>
                </div>
                <div class="face tp">
                  <div class="photon-shader"></div>
                </div>
                <div class="cr cr-0">
                  <div class="face side s0">
                    <div class="photon-shader"> </div>
                  </div>
                  <div class="face side s1">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s2">
                    <div class="photon-shader"></div>
                  </div>
                </div>
                <div class="cr cr-1">
                  <div class="face side s0">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s1">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s2">
                    <div class="photon-shader"></div>
                  </div>
                </div>
                <div class="cr cr-2">
                  <div class="face side s0">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s1">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s2">
                    <div class="photon-shader"></div>
                  </div>
                </div>
                <div class="cr cr-3">
                  <div class="face side s0">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s1">
                    <div class="photon-shader"></div>
                  </div>
                  <div class="face side s2">
                    <div class="photon-shader"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="js-text" class="project__text">
          <h2>Some project</h2>
          <p>This section is intended to represent some project but for now has dummy placeholder and points to mo · js library.</p>
        </div>
      </div>
    </div>
  </div>
  <div id="js-badge" class="badge"></div>
  <div id="js-wrapper" class="wrapper">
    <div id="scroller" class="particles">
      <div class="blob-circle-wrap">
        <div id="js-blob-circle" class="blob-circle sprite">
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
          <svg class="sprite__frame">
            <ellipse id="js-blob-circle-ellipse" cx="50" cy="50" fill="none" class="sprite__ellipse"></ellipse>
          </svg>
        </div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="0" style="left: 0px; top: 0px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="0" style="left: 175px; top: 0px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="0" style="left: 350px; top: 0px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="0" style="left: 525px; top: 0px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="0" style="left: 700px; top: 0px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="0" style="left: 875px; top: 0px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="0" style="left: 1050px; top: 0px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="0" style="left: 1225px; top: 0px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="0" style="left: 1400px; top: 0px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="0" style="left: 1575px; top: 0px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="0" style="left: 1750px; top: 0px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="0" style="left: 1925px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="0" style="left: 2100px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="0" style="left: 2275px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="0" style="left: 2450px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="0" style="left: 2625px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="0" style="left: 2800px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="0" style="left: 2975px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="0" style="left: 3150px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="0" style="left: 3325px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="0" style="left: 3500px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="0" style="left: 3675px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="0" style="left: 3850px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="0" style="left: 4025px; top: 0px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="137.5" style="left: 87.5px; top: 137.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="137.5" style="left: 262.5px; top: 137.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="137.5" style="left: 437.5px; top: 137.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="137.5" style="left: 612.5px; top: 137.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="137.5" style="left: 787.5px; top: 137.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="137.5" style="left: 962.5px; top: 137.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="137.5" style="left: 1137.5px; top: 137.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="137.5" style="left: 1312.5px; top: 137.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="137.5" style="left: 1487.5px; top: 137.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="137.5" style="left: 1662.5px; top: 137.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="137.5" style="left: 1837.5px; top: 137.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="137.5" style="left: 2012.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="137.5" style="left: 2187.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="137.5" style="left: 2362.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="137.5" style="left: 2537.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="137.5" style="left: 2712.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="137.5" style="left: 2887.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="137.5" style="left: 3062.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="137.5" style="left: 3237.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="137.5" style="left: 3412.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="137.5" style="left: 3587.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="137.5" style="left: 3762.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="137.5" style="left: 3937.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="137.5" style="left: 4112.5px; top: 137.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="275" style="left: 0px; top: 275px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="275" style="left: 175px; top: 275px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="275" style="left: 350px; top: 275px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="275" style="left: 525px; top: 275px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="275" style="left: 700px; top: 275px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="275" style="left: 875px; top: 275px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="275" style="left: 1050px; top: 275px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="275" style="left: 1225px; top: 275px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="275" style="left: 1400px; top: 275px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="275" style="left: 1575px; top: 275px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="275" style="left: 1750px; top: 275px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="275" style="left: 1925px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="275" style="left: 2100px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="275" style="left: 2275px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="275" style="left: 2450px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="275" style="left: 2625px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="275" style="left: 2800px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="275" style="left: 2975px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="275" style="left: 3150px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="275" style="left: 3325px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="275" style="left: 3500px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="275" style="left: 3675px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="275" style="left: 3850px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="275" style="left: 4025px; top: 275px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="412.5" style="left: 87.5px; top: 412.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="412.5" style="left: 262.5px; top: 412.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="412.5" style="left: 437.5px; top: 412.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="412.5" style="left: 612.5px; top: 412.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="412.5" style="left: 787.5px; top: 412.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="412.5" style="left: 962.5px; top: 412.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="412.5" style="left: 1137.5px; top: 412.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="412.5" style="left: 1312.5px; top: 412.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="412.5" style="left: 1487.5px; top: 412.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="412.5" style="left: 1662.5px; top: 412.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="412.5" style="left: 1837.5px; top: 412.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="412.5" style="left: 2012.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="412.5" style="left: 2187.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="412.5" style="left: 2362.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="412.5" style="left: 2537.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="412.5" style="left: 2712.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="412.5" style="left: 2887.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="412.5" style="left: 3062.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="412.5" style="left: 3237.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="412.5" style="left: 3412.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="412.5" style="left: 3587.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="412.5" style="left: 3762.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="412.5" style="left: 3937.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="412.5" style="left: 4112.5px; top: 412.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="550" style="left: 0px; top: 550px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="550" style="left: 175px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="550" style="left: 350px; top: 550px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="550" style="left: 525px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="550" style="left: 700px; top: 550px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="550" style="left: 875px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="550" style="left: 1050px; top: 550px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="550" style="left: 1225px; top: 550px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="550" style="left: 1400px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="550" style="left: 1575px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="550" style="left: 1750px; top: 550px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="550" style="left: 1925px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="550" style="left: 2100px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="550" style="left: 2275px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="550" style="left: 2450px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="550" style="left: 2625px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="550" style="left: 2800px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="550" style="left: 2975px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="550" style="left: 3150px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="550" style="left: 3325px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="550" style="left: 3500px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="550" style="left: 3675px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="550" style="left: 3850px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="550" style="left: 4025px; top: 550px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="687.5" style="left: 87.5px; top: 687.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="687.5" style="left: 262.5px; top: 687.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="687.5" style="left: 437.5px; top: 687.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="687.5" style="left: 612.5px; top: 687.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="687.5" style="left: 787.5px; top: 687.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="687.5" style="left: 962.5px; top: 687.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="687.5" style="left: 1137.5px; top: 687.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="687.5" style="left: 1312.5px; top: 687.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="687.5" style="left: 1487.5px; top: 687.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="687.5" style="left: 1662.5px; top: 687.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="687.5" style="left: 1837.5px; top: 687.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="687.5" style="left: 2012.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="687.5" style="left: 2187.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="687.5" style="left: 2362.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="687.5" style="left: 2537.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="687.5" style="left: 2712.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="687.5" style="left: 2887.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="687.5" style="left: 3062.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="687.5" style="left: 3237.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="687.5" style="left: 3412.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="687.5" style="left: 3587.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="687.5" style="left: 3762.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="687.5" style="left: 3937.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="687.5" style="left: 4112.5px; top: 687.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="825" style="left: 0px; top: 825px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="825" style="left: 175px; top: 825px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="825" style="left: 350px; top: 825px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="825" style="left: 525px; top: 825px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="825" style="left: 700px; top: 825px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="825" style="left: 875px; top: 825px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="825" style="left: 1050px; top: 825px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="825" style="left: 1225px; top: 825px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="825" style="left: 1400px; top: 825px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="825" style="left: 1575px; top: 825px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="825" style="left: 1750px; top: 825px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="825" style="left: 1925px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="825" style="left: 2100px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="825" style="left: 2275px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="825" style="left: 2450px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="825" style="left: 2625px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="825" style="left: 2800px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="825" style="left: 2975px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="825" style="left: 3150px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="825" style="left: 3325px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="825" style="left: 3500px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="825" style="left: 3675px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="825" style="left: 3850px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="825" style="left: 4025px; top: 825px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="962.5" style="left: 87.5px; top: 962.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="962.5" style="left: 262.5px; top: 962.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="962.5" style="left: 437.5px; top: 962.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="962.5" style="left: 612.5px; top: 962.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="962.5" style="left: 787.5px; top: 962.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="962.5" style="left: 962.5px; top: 962.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="962.5" style="left: 1137.5px; top: 962.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="962.5" style="left: 1312.5px; top: 962.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="962.5" style="left: 1487.5px; top: 962.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="962.5" style="left: 1662.5px; top: 962.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="962.5" style="left: 1837.5px; top: 962.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="962.5" style="left: 2012.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="962.5" style="left: 2187.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="962.5" style="left: 2362.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="962.5" style="left: 2537.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="962.5" style="left: 2712.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="962.5" style="left: 2887.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="962.5" style="left: 3062.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="962.5" style="left: 3237.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="962.5" style="left: 3412.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="962.5" style="left: 3587.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="962.5" style="left: 3762.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="962.5" style="left: 3937.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="962.5" style="left: 4112.5px; top: 962.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="1100" style="left: 0px; top: 1100px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="1100" style="left: 175px; top: 1100px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="1100" style="left: 350px; top: 1100px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="1100" style="left: 525px; top: 1100px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="1100" style="left: 700px; top: 1100px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="1100" style="left: 875px; top: 1100px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="1100" style="left: 1050px; top: 1100px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="1100" style="left: 1225px; top: 1100px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="1100" style="left: 1400px; top: 1100px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="1100" style="left: 1575px; top: 1100px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="1100" style="left: 1750px; top: 1100px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="1100" style="left: 1925px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="1100" style="left: 2100px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="1100" style="left: 2275px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="1100" style="left: 2450px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="1100" style="left: 2625px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="1100" style="left: 2800px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="1100" style="left: 2975px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="1100" style="left: 3150px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="1100" style="left: 3325px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="1100" style="left: 3500px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="1100" style="left: 3675px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="1100" style="left: 3850px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="1100" style="left: 4025px; top: 1100px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="1237.5" style="left: 87.5px; top: 1237.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="1237.5" style="left: 262.5px; top: 1237.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="1237.5" style="left: 437.5px; top: 1237.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="1237.5" style="left: 612.5px; top: 1237.5px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="1237.5" style="left: 787.5px; top: 1237.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="1237.5" style="left: 962.5px; top: 1237.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="1237.5" style="left: 1137.5px; top: 1237.5px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="1237.5" style="left: 1312.5px; top: 1237.5px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="1237.5" style="left: 1487.5px; top: 1237.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="1237.5" style="left: 1662.5px; top: 1237.5px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="1237.5" style="left: 1837.5px; top: 1237.5px" class="particle">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="1237.5" style="left: 2012.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="1237.5" style="left: 2187.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="1237.5" style="left: 2362.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="1237.5" style="left: 2537.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="1237.5" style="left: 2712.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="1237.5" style="left: 2887.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="1237.5" style="left: 3062.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="1237.5" style="left: 3237.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="1237.5" style="left: 3412.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="1237.5" style="left: 3587.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="1237.5" style="left: 3762.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="1237.5" style="left: 3937.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="1237.5" style="left: 4112.5px; top: 1237.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="1375" style="left: 0px; top: 1375px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="1375" style="left: 175px; top: 1375px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="1375" style="left: 350px; top: 1375px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="1375" style="left: 525px; top: 1375px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="1375" style="left: 700px; top: 1375px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="1375" style="left: 875px; top: 1375px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="1375" style="left: 1050px; top: 1375px" class="particle">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="1375" style="left: 1225px; top: 1375px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="1375" style="left: 1400px; top: 1375px" class="particle">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="1375" style="left: 1575px; top: 1375px" class="particle">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="1375" style="left: 1750px; top: 1375px" class="particle">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="1375" style="left: 1925px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="1375" style="left: 2100px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="1375" style="left: 2275px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="1375" style="left: 2450px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="1375" style="left: 2625px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="1375" style="left: 2800px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="1375" style="left: 2975px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="1375" style="left: 3150px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="1375" style="left: 3325px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="1375" style="left: 3500px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="1375" style="left: 3675px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="1375" style="left: 3850px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="1375" style="left: 4025px; top: 1375px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="1512.5" style="left: 87.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="1512.5" style="left: 262.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="1512.5" style="left: 437.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="1512.5" style="left: 612.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="1512.5" style="left: 787.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="1512.5" style="left: 962.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="1512.5" style="left: 1137.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="1512.5" style="left: 1312.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="1512.5" style="left: 1487.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="1512.5" style="left: 1662.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="1512.5" style="left: 1837.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="1512.5" style="left: 2012.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="1512.5" style="left: 2187.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="1512.5" style="left: 2362.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="1512.5" style="left: 2537.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="1512.5" style="left: 2712.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="1512.5" style="left: 2887.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="1512.5" style="left: 3062.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="1512.5" style="left: 3237.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="1512.5" style="left: 3412.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="1512.5" style="left: 3587.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="1512.5" style="left: 3762.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="1512.5" style="left: 3937.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="1512.5" style="left: 4112.5px; top: 1512.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="1650" style="left: 0px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="1650" style="left: 175px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="1650" style="left: 350px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="1650" style="left: 525px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="1650" style="left: 700px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="1650" style="left: 875px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="1650" style="left: 1050px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="1650" style="left: 1225px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="1650" style="left: 1400px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="1650" style="left: 1575px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="1650" style="left: 1750px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="1650" style="left: 1925px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="1650" style="left: 2100px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="1650" style="left: 2275px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="1650" style="left: 2450px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="1650" style="left: 2625px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="1650" style="left: 2800px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="1650" style="left: 2975px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="1650" style="left: 3150px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="1650" style="left: 3325px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="1650" style="left: 3500px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="1650" style="left: 3675px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="1650" style="left: 3850px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="1650" style="left: 4025px; top: 1650px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="1787.5" style="left: 87.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="1787.5" style="left: 262.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="1787.5" style="left: 437.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="1787.5" style="left: 612.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="1787.5" style="left: 787.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="1787.5" style="left: 962.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="1787.5" style="left: 1137.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="1787.5" style="left: 1312.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="1787.5" style="left: 1487.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="1787.5" style="left: 1662.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="1787.5" style="left: 1837.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="1787.5" style="left: 2012.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="1787.5" style="left: 2187.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="1787.5" style="left: 2362.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="1787.5" style="left: 2537.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="1787.5" style="left: 2712.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="1787.5" style="left: 2887.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="1787.5" style="left: 3062.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="1787.5" style="left: 3237.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="1787.5" style="left: 3412.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="1787.5" style="left: 3587.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="1787.5" style="left: 3762.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="1787.5" style="left: 3937.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="1787.5" style="left: 4112.5px; top: 1787.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="1925" style="left: 0px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="1925" style="left: 175px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="1925" style="left: 350px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="1925" style="left: 525px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="1925" style="left: 700px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="1925" style="left: 875px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="1925" style="left: 1050px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="1925" style="left: 1225px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="1925" style="left: 1400px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="1925" style="left: 1575px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="1925" style="left: 1750px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="1925" style="left: 1925px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="1925" style="left: 2100px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="1925" style="left: 2275px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="1925" style="left: 2450px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="1925" style="left: 2625px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="1925" style="left: 2800px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="1925" style="left: 2975px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="1925" style="left: 3150px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="1925" style="left: 3325px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="1925" style="left: 3500px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="1925" style="left: 3675px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="1925" style="left: 3850px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="1925" style="left: 4025px; top: 1925px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="2062.5" style="left: 87.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="2062.5" style="left: 262.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="2062.5" style="left: 437.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="2062.5" style="left: 612.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="2062.5" style="left: 787.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="2062.5" style="left: 962.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="2062.5" style="left: 1137.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="2062.5" style="left: 1312.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="2062.5" style="left: 1487.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="2062.5" style="left: 1662.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="2062.5" style="left: 1837.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="2062.5" style="left: 2012.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="2062.5" style="left: 2187.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="2062.5" style="left: 2362.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="2062.5" style="left: 2537.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="2062.5" style="left: 2712.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="2062.5" style="left: 2887.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="2062.5" style="left: 3062.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="2062.5" style="left: 3237.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="2062.5" style="left: 3412.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="2062.5" style="left: 3587.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="2062.5" style="left: 3762.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="2062.5" style="left: 3937.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="2062.5" style="left: 4112.5px; top: 2062.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="2200" style="left: 0px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="2200" style="left: 175px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="2200" style="left: 350px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="2200" style="left: 525px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="2200" style="left: 700px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="2200" style="left: 875px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="2200" style="left: 1050px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="2200" style="left: 1225px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="2200" style="left: 1400px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="2200" style="left: 1575px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="2200" style="left: 1750px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="2200" style="left: 1925px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="2200" style="left: 2100px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="2200" style="left: 2275px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="2200" style="left: 2450px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="2200" style="left: 2625px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="2200" style="left: 2800px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="2200" style="left: 2975px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="2200" style="left: 3150px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="2200" style="left: 3325px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="2200" style="left: 3500px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="2200" style="left: 3675px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="2200" style="left: 3850px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="2200" style="left: 4025px; top: 2200px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="2337.5" style="left: 87.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="2337.5" style="left: 262.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="2337.5" style="left: 437.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="2337.5" style="left: 612.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="2337.5" style="left: 787.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="2337.5" style="left: 962.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="2337.5" style="left: 1137.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="2337.5" style="left: 1312.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="2337.5" style="left: 1487.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="2337.5" style="left: 1662.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="2337.5" style="left: 1837.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="2337.5" style="left: 2012.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="2337.5" style="left: 2187.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="2337.5" style="left: 2362.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="2337.5" style="left: 2537.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="2337.5" style="left: 2712.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="2337.5" style="left: 2887.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="2337.5" style="left: 3062.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="2337.5" style="left: 3237.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="2337.5" style="left: 3412.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="2337.5" style="left: 3587.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="2337.5" style="left: 3762.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="2337.5" style="left: 3937.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="2337.5" style="left: 4112.5px; top: 2337.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="2475" style="left: 0px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="2475" style="left: 175px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="2475" style="left: 350px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="2475" style="left: 525px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="2475" style="left: 700px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="2475" style="left: 875px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="2475" style="left: 1050px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="2475" style="left: 1225px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="2475" style="left: 1400px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="2475" style="left: 1575px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="2475" style="left: 1750px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="2475" style="left: 1925px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="2475" style="left: 2100px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="2475" style="left: 2275px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="2475" style="left: 2450px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="2475" style="left: 2625px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="2475" style="left: 2800px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="2475" style="left: 2975px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="2475" style="left: 3150px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="2475" style="left: 3325px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="2475" style="left: 3500px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="2475" style="left: 3675px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="2475" style="left: 3850px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="2475" style="left: 4025px; top: 2475px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="2612.5" style="left: 87.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="2612.5" style="left: 262.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="2612.5" style="left: 437.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="2612.5" style="left: 612.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="2612.5" style="left: 787.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="2612.5" style="left: 962.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="2612.5" style="left: 1137.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="2612.5" style="left: 1312.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="2612.5" style="left: 1487.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="2612.5" style="left: 1662.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="2612.5" style="left: 1837.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="2612.5" style="left: 2012.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="2612.5" style="left: 2187.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="2612.5" style="left: 2362.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="2612.5" style="left: 2537.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="2612.5" style="left: 2712.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="2612.5" style="left: 2887.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="2612.5" style="left: 3062.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="2612.5" style="left: 3237.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="2612.5" style="left: 3412.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="2612.5" style="left: 3587.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="2612.5" style="left: 3762.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="2612.5" style="left: 3937.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="2612.5" style="left: 4112.5px; top: 2612.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="2750" style="left: 0px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="2750" style="left: 175px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="2750" style="left: 350px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="2750" style="left: 525px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="2750" style="left: 700px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="2750" style="left: 875px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="2750" style="left: 1050px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="2750" style="left: 1225px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="2750" style="left: 1400px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="2750" style="left: 1575px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="2750" style="left: 1750px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="2750" style="left: 1925px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="2750" style="left: 2100px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="2750" style="left: 2275px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="2750" style="left: 2450px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="2750" style="left: 2625px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="2750" style="left: 2800px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="2750" style="left: 2975px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="2750" style="left: 3150px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="2750" style="left: 3325px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="2750" style="left: 3500px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="2750" style="left: 3675px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="2750" style="left: 3850px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="2750" style="left: 4025px; top: 2750px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="2887.5" style="left: 87.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="2887.5" style="left: 262.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="2887.5" style="left: 437.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="2887.5" style="left: 612.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="2887.5" style="left: 787.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="2887.5" style="left: 962.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="2887.5" style="left: 1137.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="2887.5" style="left: 1312.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="2887.5" style="left: 1487.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="2887.5" style="left: 1662.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="2887.5" style="left: 1837.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="2887.5" style="left: 2012.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="2887.5" style="left: 2187.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="2887.5" style="left: 2362.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="2887.5" style="left: 2537.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="2887.5" style="left: 2712.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="2887.5" style="left: 2887.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="2887.5" style="left: 3062.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="2887.5" style="left: 3237.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="2887.5" style="left: 3412.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="2887.5" style="left: 3587.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="2887.5" style="left: 3762.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="2887.5" style="left: 3937.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="2887.5" style="left: 4112.5px; top: 2887.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="3025" style="left: 0px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="3025" style="left: 175px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="3025" style="left: 350px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="3025" style="left: 525px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="3025" style="left: 700px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="3025" style="left: 875px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="3025" style="left: 1050px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="3025" style="left: 1225px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="3025" style="left: 1400px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="3025" style="left: 1575px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="3025" style="left: 1750px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="3025" style="left: 1925px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="3025" style="left: 2100px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="3025" style="left: 2275px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="3025" style="left: 2450px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="3025" style="left: 2625px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="3025" style="left: 2800px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="3025" style="left: 2975px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="3025" style="left: 3150px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="3025" style="left: 3325px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="3025" style="left: 3500px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="3025" style="left: 3675px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="3025" style="left: 3850px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="3025" style="left: 4025px; top: 3025px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="87.5" data-top="3162.5" style="left: 87.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="262.5" data-top="3162.5" style="left: 262.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="437.5" data-top="3162.5" style="left: 437.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="612.5" data-top="3162.5" style="left: 612.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="787.5" data-top="3162.5" style="left: 787.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="962.5" data-top="3162.5" style="left: 962.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1137.5" data-top="3162.5" style="left: 1137.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1312.5" data-top="3162.5" style="left: 1312.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1487.5" data-top="3162.5" style="left: 1487.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1662.5" data-top="3162.5" style="left: 1662.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1837.5" data-top="3162.5" style="left: 1837.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="2012.5" data-top="3162.5" style="left: 2012.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2187.5" data-top="3162.5" style="left: 2187.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2362.5" data-top="3162.5" style="left: 2362.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2537.5" data-top="3162.5" style="left: 2537.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2712.5" data-top="3162.5" style="left: 2712.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2887.5" data-top="3162.5" style="left: 2887.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="3062.5" data-top="3162.5" style="left: 3062.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3237.5" data-top="3162.5" style="left: 3237.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3412.5" data-top="3162.5" style="left: 3412.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3587.5" data-top="3162.5" style="left: 3587.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3762.5" data-top="3162.5" style="left: 3762.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3937.5" data-top="3162.5" style="left: 3937.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4112.5" data-top="3162.5" style="left: 4112.5px; top: 3162.5px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-0" data-left="0" data-top="3300" style="left: 0px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-1" data-left="175" data-top="3300" style="left: 175px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-2" data-left="350" data-top="3300" style="left: 350px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-3" data-left="525" data-top="3300" style="left: 525px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-4" data-left="700" data-top="3300" style="left: 700px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-5" data-left="875" data-top="3300" style="left: 875px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-6" data-left="1050" data-top="3300" style="left: 1050px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-7" data-left="1225" data-top="3300" style="left: 1225px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-8" data-left="1400" data-top="3300" style="left: 1400px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-9" data-left="1575" data-top="3300" style="left: 1575px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-10" data-left="1750" data-top="3300" style="left: 1750px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-11" data-left="1925" data-top="3300" style="left: 1925px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-12" data-left="2100" data-top="3300" style="left: 2100px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #4A90E2" class="particle__inner"></div>
      </div>
      <div id="js-particle-13" data-left="2275" data-top="3300" style="left: 2275px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-14" data-left="2450" data-top="3300" style="left: 2450px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-15" data-left="2625" data-top="3300" style="left: 2625px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-16" data-left="2800" data-top="3300" style="left: 2800px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-17" data-left="2975" data-top="3300" style="left: 2975px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-18" data-left="3150" data-top="3300" style="left: 3150px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-19" data-left="3325" data-top="3300" style="left: 3325px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #11CDC5" class="particle__inner"></div>
      </div>
      <div id="js-particle-20" data-left="3500" data-top="3300" style="left: 3500px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
      <div id="js-particle-21" data-left="3675" data-top="3300" style="left: 3675px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #c1c1c1" class="particle__inner"></div>
      </div>
      <div id="js-particle-22" data-left="3850" data-top="3300" style="left: 3850px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FC2D79" class="particle__inner"></div>
      </div>
      <div id="js-particle-23" data-left="4025" data-top="3300" style="left: 4025px; top: 3300px" class="particle particle__over-mobile">
        <div style="background: #FCB635" class="particle__inner"></div>
      </div>
    </div>
  </div>
  <style>
    .particles {
      width:  1675px;
      height: 1200px;
      margin-left: -175px;
      margin-top: -175px;
    }
    .desktop .particles {
      width:  3865px;
      height: 2875px;
    }
  </style>
</body>
            
          
!
            
              PX = (1/16)rem
gs = 10*PX

rect()
  width  arguments
  height arguments
nw()
  top  arguments
  left arguments
circle()
  rect arguments
  border-radius 50%

easy-click()
  &:after
    content ''
    position absolute
    rect 200%
    z-index 1
    nw -50%

c-deep-purple = #28143f
body
  background c-deep-purple
  font-size 16px
  margin  0
  padding 0
  user-select none
  overflow hidden
  font-family Open Sans, sans-serif
  min-width 768px
.curtain
  rect 100%
  position fixed
  nw 0
  background rgba(#28143f, 1)
  z-index 30
  opacity 1
  transition all .8s ease-out
  procWidth = 150
  &__progress
    height 1*PX
    width  procWidth*PX
    border-radius 4*PX
    background white
    position absolute
    nw 50%
    margin-left -(procWidth/2)*PX
    margin-top  - PX
    transition width .3s ease-out
  &__progress-text,
  &__progress-text-gradient
    position absolute
    color white
    font-size 10*PX
    font-weight 100
    letter-spacing 1.4*PX
    position absolute
    margin-left -(procWidth/2)*PX
    margin-top  -2*gs
    nw 50%
  &__progress-text-gradient
    width  1.5*procWidth*PX
    height 16*PX
    // border 1px solid red
    z-index 1
    transition transform .3s ease-out
    background linear-gradient(to right, rgba(40,18,64,0) 20%,rgba(40,18,64,1) 50%)
  &.is-hide
    opacity 0
    z-index 0
.badge
  position fixed
  nw 0
  z-index 10
  color white
  
.wrapper
  position    absolute
  z-index     1
  top         0
  bottom      0
  left        0
  right       0
  overflow    hidden
    
.particles
  perspective 500px
  perspective-origin 50% 50%
  overflow visible
  position relative
  user-select none
  position absolute
  z-index 1
  tap-highlight-color rgba(0,0,0,0)
  // transform translateZ(0)
  user-select none
  text-size-adjust none

particleSize = 150/2
contentWidth  = 540
contentHeight = 280
{el = '.particle'}
  rect 2*particleSize*PX
  position absolute
  nw 0
  text-align center
  display block
  line-height (2*particleSize)*PX
  &.is-open
    z-index 20
    {el}__inner
      transform scale(15) translateZ(-1000px)
    {el}__content
      display block
  &__inner
    circle 100%
    position absolute
    nw 0
    // transform translateZ(0)
  &__over-mobile
    display none
    .desktop &
      display block
.content
  position      fixed
  width         contentWidth*PX
  height        contentHeight*PX
  display       block
  margin-left  -(contentWidth/2)*PX
  margin-top   -(contentHeight/2)*PX
  // border        1px solid white
  z-index       2
  nw            50%
  transform     translateX(-5000px)
  &__inner
    position absolute
    rect 100%
  &.is-show
    display     block

.project
  color white
  position relative
  rect 100%
  &__text, 
  &__img
    position absolute
    width 50%
    height 100%
  &__text
    left 57%
    margin-top 3*gs
    width 40%
    text-align left
    line-height 1.6
  h2
    text-transform uppercase
  &__shadow-wrap
    transform-origin 100% center
  &__shadow
    position absolute
    width 300px
    height 50px
    opacity 0
    top 204px
    right 8px
    transform rotateX(80deg)
    border-radius 26px
    background linear-gradient(to right, rgba(58,8,57,0) 0%,rgba(58,8,57,0.65) 100%)
    transform-origin 100% center
    .ie &
      display none
.by
  background    white
  position      absolute
  bottom        0
  right         0
  height        28*PX
  width         110*PX
  z-index       40
  opacity       .75
  border-top-left-radius 12*PX
  &:hover
    opacity     1
  &__text
    color           c-deep-purple
    font-size       8.5*PX
    letter-spacing  .2*PX
    position        absolute
    top             9*PX
    .ios &
      top  8*PX
    &--1
      left 7*PX
    &--2
      left 70*PX
  &__logo
    background    #f1f1f1
    position      absolute
    circle        16*PX
    background url('') no-repeat center
    center
    background-size 100% 100%
    top    7*PX
    .ios &
      top  6*PX
    &--mojs
      left 49*PX
      background-image url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/mojs.svg')
    &--legomushroom
      left 85*PX
      background-image url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/legomushroom.svg')
.sprite
  &__frame
    position    absolute
    nw          0
    display     block
    // transform   translateZ(0)
    rect        100%
  &__ellipse
    fill        none
    stroke      white
.dust
  position  absolute
  rect      200*PX
  height    50*PX
  &--1
    top     270*PX
    left    100*PX
  &--2,
  &--3
  // &--4
    top     227*PX
  &--2
    left   -40*PX
    opacity .9
  &--3
    left   -70*PX
    opacity .7

blobSize = 100
.blob-circle
  position      absolute
  nw           -50%
  z-index       1
  margin-left  -(blobSize/2)*PX
  margin-top   -(blobSize/2)*PX
  rect          blobSize*PX

.blob-circle-wrap
  width   0px
  height  0px
  overflow hidden

.close
  position fixed
  circle 30*PX
  top  20%
  left -10%
  z-index -1
  transition opacity .25s ease-out
  display none
  &:hover
    cursor pointer
  &.is-show
    display block
    opacity 1
    left 75%
    z-index 10

// image
.image-ie {
  width: 256*PX;
  height: 192*PX;
  background: url('i/mojs-logo.png') no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 4.5*gs;
  left: .8*gs;
  border-radius: 15*PX;
  display: none;
  .ie & {
    display: block;
  }
}

.image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 100%;
  background: url('i/mojs-logo.png') no-repeat center center;
  .ie & {
    display: none;
  }
}
.scene, .shape, .face, .face-wrapper, .cr {
  position: absolute;
  transform-style: preserve-3d;
}

.shape {
  opacity: 0;
}

.scene {
  width: 80em;
  height: 80em;
  top: 50%;
  left: 50%;
  margin: -40em 0 0 -40em;
  transform: rotateX(90deg);
}

bgColor     = #fff;
bgColorDark = darken(bgColor, 20);
// bgColorDark = #fff;
.cub-1 {
  .ft, .bk,
  .bm {
    .photon-shader {
      background-color: bgColor;
    }
  }
  .ft, .bk,
  .rt, .lt {
    .photon-shader {
      background-color: bgColorDark;
    }
  }
  .bm {
    .photon-shader {
      background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/mojs-logo.png') no-repeat center center;
      background-size: 100% 100%;
    }
  }
}

.cub-1 .cr .photon-shader {
  background-color: bgColorDark;
}

.shape {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-origin: 50%;
}

.face, .face-wrapper {
  overflow: hidden;
  transform-origin: 0 0;
  backface-visibility: hidden;
  /* hidden by default, prevent blinking and other weird rendering glitchs */
}
.face {
  background-size: 100% 100%!important;
  background-position: center;
}
.face-wrapper .face {
  left: 100%;
  width: 100%;
  height: 100%
}
.photon-shader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.side {
  left: 50%;
}
.cr, .cr .side {
  height: 100%;
}
[class*="cuboid"] .ft, [class*="cuboid"] .bk {
  width: 100%;
  height: 100%;
}
[class*="cuboid"] .bk {
  left: 100%;
}
[class*="cuboid"] .rt {
  transform: rotateY(-90deg) translateX(-50%);
}
[class*="cuboid"] .lt {
  transform: rotateY(90deg) translateX(-50%);
}
[class*="cuboid"] .tp {
  transform: rotateX(90deg) translateY(-50%);
}
[class*="cuboid"] .bm {
  transform: rotateX(-90deg) translateY(-50%);
}
[class*="cuboid"] .lt {
  left: 100%;
}
[class*="cuboid"] .bm {
  top: 100%;
}
/* .cub-1 styles */
.cub-1 {
  transform:translate3D(0em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  // opacity:1;
  width:16em;
  height:1em;
  margin:-0.5em 0 0 -8em;
}
.cub-1 .ft {
  transform:translateZ(6em);
}
.cub-1 .bk {
  transform:translateZ(-6em) rotateY(180deg);
}
.cub-1 .rt, .cub-1 .lt {
  width:12em;
  height:1em;
}
.cub-1 .tp, .cub-1 .bm {
  width:16em;
  height:12em;
}
.cub-1 .face {
  background-color:#FFFFFF;
}
.cub-1 .ft {
  width:14em;
  margin-left:1em;
}
.cub-1 .bk {
  width:14em;
  margin-left:-1em;
}
.cub-1 .rt, .cub-1 .lt {
  width:10em;
}
.cub-1 .tp, .cub-1 .bm, .cub-1 .tp .photon-shader, .cub-1 .bm .photon-shader {
  border-radius:1em;
}

.cub-1 .cr {
  width:1em;
  left:0.5em;
}
.cub-1 .cr-0 {
  transform: translate3D(14em, 0, 5em);
}
.cub-1 .cr-1 {
  transform: translate3D(14em, 0, -5em);
}
.cub-1 .cr-2 {
  transform: translate3D(0, 0, -5em);
}
.cub-1 .cr-3 {
  transform: translate3D(0, 0, 5em);
}
.cub-1 .cr-0 .s0 {
  transform: rotateY(15deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-0 .s1 {
  transform: rotateY(45deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-0 .s2 {
  transform: rotateY(75deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-1 .s0 {
  transform: rotateY(105deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-1 .s1 {
  transform: rotateY(135deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-1 .s2 {
  transform: rotateY(165deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-2 .s0 {
  transform: rotateY(195deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-2 .s1 {
  transform: rotateY(225deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-2 .s2 {
  transform: rotateY(255deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-3 .s0 {
  transform: rotateY(285deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-3 .s1 {
  transform: rotateY(315deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .cr-3 .s2 {
  transform: rotateY(345deg) translate3D(-50%, 0, 0.975em);
}
.cub-1 .side {
  width: 0.5608983848622454em;
}


            
          
!
            
              
var main = {
  init: function(o) {
    this.vars(); this.initContainer(); this.initClose(); this.initHideClose();
    this.prepareSprites(); this.events(); this.draw();
    setInterval(() => { this.updateProgress(false) }, 10)
    return this;
  },
  initContainer: function () {
    this.iscroll = new IScroll('#js-wrapper', {
      scrollX: true, freeScroll: true, mouseWheel: true, probeType: 3
    });
    var x = -this.centerX + this.wWidth/2  + this.xOffset,
        y = -this.centerY + this.wHeight/2 + this.yOffset;
    this.iscroll.scrollTo(x, y, 10);
  },
  vars: function() {
    this.S = 1; this.loadCnt = 0; this.maxLoadCnt = 8;
    this.BLOB_DURATION = 500;
    this.ext   = this.isCanPlayMP3() ? 'mp3' : 'wav';
    this.isIE  = this.isIE();
    this.isIOS = !!(/(iPad|iPhone|iPod)/g.test( navigator.userAgent ));
    this.isIOS && document.body.classList.add('ios');
    !this.isTabletMobile && document.body.classList.add('desktop');
    this.progressStep = (150/this.maxLoadCnt) * (1/16);

    this.getDOMElements();
    
    this.particleRadius  = parseInt(getComputedStyle(this.particles[0]).width, 10)/2;
    this.particlesLength = this.particles.length;
    
    this.radPoint     = mojs.helpers.getRadialPoint;
    this.particleBuffer = null; this.isOpen = false;
    this.blobBase     = 1.6; this.blob = this.blobBase; this.blobShift = this.blobBase;
    this.xOffset      = this.particleRadius + 25;
    this.yOffset      = 1.4*this.particleRadius;

    var styles = getComputedStyle(this.particlesContainer);
    this.width = parseInt(styles.width, 10); this.height = parseInt(styles.height,10);
    
    this.prepareDust(); this.calcDimentions(); this.loadAssets();

    var i = this.particlesLength; 
    while(i--) {
      var particle = this.particles[i];
      particle.x = parseInt(particle.getAttribute('data-left'), 10);
      particle.y = parseInt(particle.getAttribute('data-top'),  10);
    }

  },
  getDOMElements: function () {
    this.particlesContainer = document.querySelector('#scroller');
    this.particles    = document.querySelectorAll('.particle');
    this.closeBtn     = document.querySelector('#js-close-btn');
    this.blobCircle   = document.querySelector('#js-blob-circle');
    this.blobEllipses = this.blobCircle.querySelectorAll('#js-blob-circle-ellipse')
    this.dust1        = document.querySelector('#js-dust-1');
    this.dust2        = document.querySelector('#js-dust-2');
    this.dust3        = document.querySelector('#js-dust-3');
    this.dust4        = document.querySelector('#js-dust-4');
    this.content      = document.querySelector('#js-content');
    this.curtain      = document.querySelector('#js-curtain');
    this.progress     = document.querySelector('#js-progress');
    this.progressGrad = document.querySelector('#js-progress-gradient');
  },
  draw: function() {
    var origin = `${this.bubleCenter.x}px ${this.bubleCenter.y}px`,
        h = mojs.h, inEasing = mojs.easing.cubic.in, i = this.particlesLength;
    
    h.setPrefixedStyle(this.particlesContainer, 'perspective-origin', origin);

    while(i--) {
      this.particleBuffer = this.particles[i];
      var x      = Math.abs(this.bubleCenter.x-this.particleBuffer.x),
          y      = Math.abs(this.bubleCenter.y-this.particleBuffer.y),
          radius = Math.sqrt(x*x + y*y),
          a      = this.blob - (2*radius)/this.size,
          b      = this.blobShift - (2*radius)/this.size, scaleMax = 1;

      var delta = mojs.helpers.clamp(inEasing(a), 0.03, scaleMax),
          deltaShift = h.clamp((inEasing(b)), 0.03, scaleMax),
          isDeltaChanged = this.particleBuffer.prevDelta !== delta;

      if (isDeltaChanged || this.particleBuffer.prevDeltaShift !== deltaShift) {
      var translateZ = -150*(inEasing(1-deltaShift)),
          transform  = `scale(${delta}) translateZ(${translateZ}px)`;
      h.setPrefixedStyle(this.particleBuffer, 'transform', transform);
      this.particleBuffer.prevDelta      = delta;
      this.particleBuffer.prevDeltaShift = deltaShift;
      }
    }
    requestAnimationFrame(this.draw.bind(this));
  },
  calcDimentions: function () {
    this.wWidth  = window.innerWidth; this.wHeight = window.innerHeight;
    this.centerY = this.height/2 - this.wHeight/2;
    this.centerX = this.width/2  - this.wWidth/2;
    this.bubleCenter = { x: this.centerX, y: this.centerY }
    var x = Math.sqrt(this.wHeight*this.wHeight),
        y = Math.sqrt(this.wWidth*this.wWidth);
    this.size = 1*Math.min(x, y)
  },
  start: function () { this.curtain.classList.add('is-hide'); this.startBlob(); },
  startBlob: function () {
    var tween = new mojs.Tween;
    var t = new mojs.Timeline({
      duration: 1200*this.S,
      onUpdate: (p)=> {
        this.blob = this.blobBase + .3*(1-mojs.easing.elastic.out(p));
      }
    });

    var centerX = this.bubleCenter.x, centerY = this.bubleCenter.y;

    var t2 = new mojs.Timeline({
      duration: 1200*this.S, delay: 0*this.S,
      onUpdate: (p)=> {
        this.blobShift = this.blobBase + .5*(1-mojs.easing.elastic.out(p));
      },
      onStart: () => { this.closeScaleSound.play() }
    });
    tween.add(t, t2); tween.start();
  },
  updateProgress: function (isReturn = true) {
    if (isReturn) {return}
    var shift = (this.maxLoadCnt - ++this.loadCnt)*this.progressStep;
    this.progress.style.width = `${shift}rem`;
    mojs.h.setPrefixedStyle(this.progressGrad, 'transform', `translateX(-${(this.loadCnt*this.progressStep/1.3)}rem)`);
    (this.loadCnt === this.maxLoadCnt) && this.start();
  },
  loadAssets: function () {
    this.openSound       = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/open-bubble-2.${this.ext}`], onload: this.updateProgress.bind(this)});
    this.openSound2      = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/open-bubble-3.${this.ext}`], rate: .15, onload: this.updateProgress.bind(this)});
    this.bounceSound     = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/bounce.${this.ext}`] });
    this.closeSound      = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/bubble-single-1.${this.ext}`], rate: .5, onload: this.updateProgress.bind(this) });
    this.closeSound2     = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/bubble-single-1.${this.ext}`], rate: .75, onload: this.updateProgress.bind(this) });
    this.closeSound3     = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/bubble-single-1.${this.ext}`], rate: .85, onload: this.updateProgress.bind(this) });
    this.closeScaleSound = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/open-bubble-3.${this.ext}`], rate: .25, onload: this.updateProgress.bind(this) });
    this.closeBtnSound   = new Howl({ urls: [`https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/open-bubble-3.${this.ext}`], rate: 1, onload: this.updateProgress.bind(this) });
    this.loadImage('https://s3-us-west-2.amazonaws.com/s.cdpn.io/6859/mojs-logo.png');
  },
  loadImage: function (url) {
    var image = new Image;
    image.addEventListener('load',  this.updateProgress.bind(this), false);
    image.addEventListener('error', this.updateProgress.bind(this), false);
    image.src = url;
  },
  isCanPlayMP3: function () {
    var userAgent = navigator.userAgent;
    return !(userAgent.indexOf("Opera") && (userAgent.indexOf('firefox') > -1));
  },
  isIE: function () {
    return !!(window.navigator.msPointerEnabled && !window.PointerEvent);
  },
  isTabletMobile: (function () {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
  })(),

  setBubblePosition: function () {
    this.bubleCenter.x = -this.iscroll.x + this.wWidth/2  + this.xOffset;
    this.bubleCenter.y = -this.iscroll.y + this.wHeight/2 + this.yOffset;
  },

  events: function () {
    window.addEventListener('resize', () => {
      this.calcDimentions(); this.setBubblePosition()
    });
    (new Hammer(document.body)).on('tap', (e) => {
      var el = e.target.parentNode;
      if (this.isOpen) { return e.preventDefault() }
      if (el.classList.contains('particle')) { this.showOnEl(el);}
      else if (el.parentNode.classList.contains('particle')) {
        this.showOnEl(el.parentNode);
      }
    });
    (new Hammer(this.closeBtn)).on('tap', this.closeEl.bind(this));
    document.addEventListener('touchmove', function (e) {e.preventDefault();}, false);
    this.iscroll.on('scroll', this.setBubblePosition.bind(this));
  },
  initClose: function () {
    var dur = 400*this.S;
    var closeOption = {
      parent:       document.querySelector('#js-close-btn'),
      type:         'circle',
      radius:       {0: 15},
      fill:         'transparent',
      stroke:       'white',
      strokeWidth:  {5:0},
      x: '50%',     y: '50%',
      duration:     dur,
      isRunLess:   true
    }
    this.closeCircle = new mojs.Transit(closeOption);

    var closeCrossOption = {
      type:         'cross',
      delay:        (.4*dur),
      angle:        45,
      strokeWidth:  2,
      radius:       {0:8},
      isShowEnd:    true,
      onStart: () => { this.closeSound.play(); }
    };
    mojs.h.extend(closeCrossOption, closeOption);
    this.closeCross = new mojs.Transit(closeCrossOption);

    var closeBurstOption = {
      type:         'line',
      radius:       {0: 30},
      strokeWidth:  {4:0},
      delay:        (.4*dur),
      childOptions: { radius: {5:0} },
    }
    mojs.h.extend(closeBurstOption, closeOption);
    this.closeBurst = new mojs.Burst(closeBurstOption);

    var closeOption2 = {
      parent:       document.querySelector('#js-close-btn'),
      type:         'circle',
      radius:       {0: 10},
      fill:         'transparent',
      stroke:       'white',
      strokeWidth:  {5:0},
      x: '-20%',     y: '-50%',
      isRunLess:    true,
      delay:        (.7*dur),
      duration:     400*this.S,
      onStart: () => { this.closeSound2.play(); }
    }
    this.closeCircle2 = new mojs.Transit(closeOption2);

    var closeOption3 = {
      x: '80%',     y: '-30%',
      radius:       {0: 6},
      delay:        (1.1*dur),
      duration:     300*this.S,
      onStart: () => { this.closeSound3.play(); }
    }
    mojs.h.extend(closeOption3, closeOption2);
    this.closeCircle3 = new mojs.Transit(closeOption3);

    var closeOption4 = {
      x: '50%',     y: '130%',
      radius:       {0: 4},
      delay:        (.9*dur),
      duration:     200*this.S,
      onStart: () => { this.closeSound3.play(); }
    }
    mojs.h.extend(closeOption4, closeOption2);
    this.closeCircle4 = new mojs.Transit(closeOption4);

    this.showCloseBtnTween = new mojs.Tween;
    this.showCloseBtnTween.add(
      this.closeCircle.tween,  this.closeCircle2.tween,
      this.closeCircle3.tween, this.closeCircle4.tween,
      this.closeCross.tween,   this.closeBurst.tween
    );
    
  },
  showClose: function () {
    this.closeBtn.classList.add('is-show'); this.showCloseBtnTween.start();
  },
  initHideClose: function () {
    this.hideBurst = new mojs.Burst({
      x: '50%',     y: '50%',
      parent:       this.closeBtn,
      radius:       {0: 100},
      type:         'circle',
      fill:         'white',
      degree:       25,
      isSwirl:      true,
      randomRadius: 1,
      isRunLess:    true,
      childOptions: { radius: {'rand(12,5)':0} },
      duration:     500*this.S,
      onUpdate: (p) => {
        p = mojs.easing.cubic.in(p);
        mojs.h.setPrefixedStyle(this.closeCross.el, 'transform', `scale(${1-p})`)
      },
      onStart:    () => { this.closeBtnSound.play(); },
      onComplete: () => {
        this.closeBtn.classList.remove('is-show');
        mojs.h.setPrefixedStyle(this.closeCross.el, 'transform', `none`);
      }
    });
    this.hideCircle = new mojs.Transit({
      x: '50%',         y: '50%',
      parent:           this.closeBtn,
      type:             'circle',
      radius:           {0: 15},
      fill:             'transparent',
      stroke:           'white',
      strokeWidth:      { 8:0 },
      isRunLess:        true,
      duration:         500*this.S
    });
  },
  hideClose: function () { this.hideBurst.run(); this.hideCircle.run(); },
  closeEl: function () {
    this.iscroll.enabled = true; this.isOpen = false; this.hideClose()

    var innerEl           = this.currentEl.querySelector('.particle__inner'),
        scaleDownTween    = new mojs.Tween;

    var scaleDownTimeline = new mojs.Timeline({
      duration: 500*this.S,
      onUpdate: (p)=> {
        var np = 1-p, npe = mojs.easing.cubic.inout(np),
            scaleSize = .75+18*npe, scale = `scale(${scaleSize})`;

        mojs.h.setPrefixedStyle(innerEl, 'transform', scale);
        mojs.h.setPrefixedStyle(this.content, 'transform', `scale(${npe})`);
      }
    });

    var scaleDownSoundTimeline = new mojs.Timeline({
      delay: 0*this.S, onStart: () => { this.closeScaleSound.play() }
    });

    var scaleUpTimeline = new mojs.Timeline({
      duration: 1000*this.S,
      onUpdate: (p)=> {
        var scaleSize = .75 + .25*mojs.easing.elastic.out(p),
            scale = `scale(${scaleSize})`;
        mojs.h.setPrefixedStyle(innerEl, 'transform', scale);
      },
      onComplete: () => {
        if (this.isOpen) {
          return mojs.h.setPrefixedStyle(this.content, 'transform', `translate3d(-5000px,-5000px,0)`);
        }
        mojs.h.setPrefixedStyle(this.content, 'transform', `translate3d(-5000px,-5000px,0)`);
      }
    });
    scaleDownTween.add(scaleDownTimeline); scaleDownTween.append(scaleUpTimeline);

    var blobTween = new mojs.Tween;
    var blobShiftDownTimeline = new mojs.Timeline({
      duration: 1200*this.S, delay: 300*this.S,
      onUpdate: (p)=> {
        if (this.isOpen) { return }
        this.blobShift = this.blobBase + (1-mojs.easing.elastic.out(p));
      }
    });
    var blobDownTimeline = new mojs.Timeline({
      duration: 2100*this.S, delay: 0*this.S,
      onUpdate: (p)=> {
        if (this.isOpen) { return }
        this.blob = this.blobBase + .3*(1-mojs.easing.elastic.out(p));
      }
    });
    
    blobTween.add(blobShiftDownTimeline, blobDownTimeline, scaleDownSoundTimeline)
    
    this.jellyTween = new mojs.Tween;
    this.jellyTween.add(scaleDownTween, blobTween);
    this.jellyTween.start();
  },
  moveTextEl: function (el, p) {
    p = mojs.easing.cubic.out(p);
    var transform       = `rotate(${90*(1-p)}deg) translateY(${200*(1-p)}%)`,
        transformOrigin = `left ${80*(p)}%`;
    mojs.h.setPrefixedStyle(el, 'transform',        transform);
    mojs.h.setPrefixedStyle(el, 'transform-origin', transformOrigin);
    el.style.opacity = mojs.easing.cubic.out(p);
  },

  prepareDust: function () {
    this.dust1Spriter = new mojs.Spriter({
      el:         this.dust1,
      duration:   300*this.S,
      delay:      275*this.S,
      isRunLess:  true
    });
    this.dust2Spriter = new mojs.Spriter({
      el:         this.dust2,
      duration:   200*this.S,
      delay:      575*this.S,
      isRunLess:  true
    });
    this.dust3Spriter = new mojs.Spriter({
      el:         this.dust3,
      duration:   100*this.S,
      delay:      725*this.S,
      isRunLess:  true
    });
  },

  runDust: function () {
    if (this.isTabletMobile || this.isIE) { return };
    this.dust1Spriter.run(); this.dust2Spriter.run();
    this.dust3Spriter.run();
  },

  showInnerPlastic: function (el) {
    var tween      = new mojs.Tween,
        image      = el.querySelector('.image'),
        scene      = el.querySelector('.shape'),
        shadow     = el.querySelector('#js-shadow'),
        shadowWrap = el.querySelector('#js-shadow-wrap');
    
    this.runDust();

    var mp = new mojs.MotionPath({
      path:       { x: -300,  y: -300 },
      curvature:  { x: '75%', y: '50%' },
      offsetX:    300,
      offsetY:    300,
      el:         image,
      duration:   (this.isIE) ? 200*this.S : 1000*this.S,
      easing:     'cubic.out',
      onPosit:   function (p, x, y, angle) {
        p = mojs.easing.expo.out(mojs.easing.cubic.in(p))
        var rotate    = `rotateX(70deg) rotateZ(${-60*(1-p)}deg)`,
            translate = `translateX(${x}px) translateY(${y}px)`,
            scale     = `scaleY(${2.5 - 1.5*(p)})`
        mojs.h.setPrefixedStyle(shadow, 'transform', `${translate} ${rotate} ${scale}`)
        return `translate(${x}px, ${y}px)`;
      },
    });

    var opacityEasing = mojs.easing.path('M0,0 C0,0 32.1191406,0.314142863 40.1669859,0 C40.1669859,0.165327852 50.9999996,-112.569017 74.0660521,0 C80.8905119,-16.0420643 87.1001393,-19.621745 92.0689049,0 C92.0689049,1.54522552 95.3231688,-14.8615687 100,0'),
        bounceEasing  = mojs.easing.path('M0,100 C28.3125,98.6523445 39.0445328,8.99375039 40.1669859,0 C40.1669859,-0.0485295402 50.9999996,152.873952 74.0660521,0 C80.8905119,21.9365596 87.1001393,26.7923438 92.0689049,0 C92.0689049,-1.92034044 95.3231688,20.3352347 100,0');

    var timeline1 = new mojs.Timeline({
      duration: (this.isIE) ? 200*this.S : 800*this.S,
      onStart: ()=> {
        mojs.h.setPrefixedStyle(this.content, 'transform', `translate3d(0,0,0)`);
      },
      onComplete: () => { this.showClose(); },
      onUpdate: (p) => {
        var b      = mojs.easing.bounce.out(p), bin   = mojs.easing.bounce.in(p),
            t      = mojs.easing.cubic.out(p),
            rotate = `rotateY(${90*(1-b)}deg) rotateX(${70*(1-t)}deg) rotateZ(${90*(1-t)}deg)`,
            scale     = `scaleX(${opacityEasing(p)})`,
            transform = `translate(${(-300*(mojs.easing.bounce.in(1-p)))-5}px, 2px) ${scale}`;
        mojs.h.setPrefixedStyle(scene,      'transform', `${rotate}`);
        mojs.h.setPrefixedStyle(scene,      'transform-origin', `${50+50*t}% 100%`);
        mojs.h.setPrefixedStyle(shadowWrap, 'transform', transform);
        scene.style.opacity  = mojs.easing.expo.out(p);
        shadow.style.opacity = .75*bounceEasing(p);
      }
    });

    var soundTimeline = new mojs.Timeline({
      delay: 300*this.S, onStart: () => {
        if (this.isIE) { return }; this.bounceSound.play();
      }
    });

    tween.add(timeline1, soundTimeline);
    tween.start();
  },
  prepareSprites: function () {
    this.blobSprite = new mojs.Spriter({
      el:         this.blobCircle,
      duration:   this.BLOB_DURATION*this.S,
      isRunLess:  true
    })
  },

  showInnerCircle: function (x, y) {
    this.blobCircle.style.left = `${x}px`;
    this.blobCircle.style.top  = `${y}px`;

    var tween           = new mojs.Tween,
        size            = Math.min(this.wWidth, this.wHeight),
        borderWidth     = Math.min(10*mojs.easing.cubic.in(size/800), 20),
        blobCircleSize  = 30 + 2*borderWidth,
        strokeStep      = (borderWidth/2)/(this.blobEllipses.length),
        i               = 0;

		for (var i = 0; i < this.blobEllipses.length; i++) {
      var item = this.blobEllipses[i];
      item.setAttribute('stroke-width', borderWidth/2 - i*strokeStep);
      item.setAttribute('rx', blobCircleSize/2);
      item.setAttribute('ry', blobCircleSize/2);
    };

    this.blobCircle.style.display = 'block';
    var blobCircleTm = new mojs.Timeline({
      duration:  this.BLOB_DURATION*this.S,
      onStart:() => {
        this.blobSprite.run();
        this.openSound.play();
      },
      onUpdate:   (p) => {
        var tr = `scale(${28*p})`;
        mojs.h.setPrefixedStyle(this.blobCircle, 'transform', tr);
        this.blobCircle.style.opacity = 1*(mojs.easing.cubic.in(1-p));
      }
    });

    tween.add(blobCircleTm);
    tween.start();
  },

  showOnEl: function (el) {
    this.prevEl = this.currentEl; this.currentEl = el;
    this.prevEl && (this.prevEl.style['z-index'] = 0)
    // return immediately on edges
    if (el.delta < .2) { return }
    var x         = el.x - this.wWidth/2 - this.xOffset,
        y         = el.y - this.wHeight/2 - this.yOffset,
        innerEl   = el.querySelector('.particle__inner'),
        contentEl = el.querySelector('.particle__content'),
        tween     = new mojs.Tween;

    this.isOpen = true; el.style['z-index'] = 20; this.iscroll.enabled = false;
    this.showInnerCircle(el.x+75, el.y+75); this.iscroll.scrollTo(-x,-y, 500*this.S);
    
    var soundTimeline = new mojs.Timeline({
      delay: 0*this.S, onStart: () => { this.openSound2.play(); }
    });

    var scaleDownTween = new mojs.Timeline({
      duration: 300*this.S, easing: 'expo.out',
      onUpdate: (p)=> {
        mojs.h.setPrefixedStyle(innerEl, 'transform', `scale(${1-.25*p})`);
        innerEl.style.opacity = 1-.25*p;
      }
    });

    var blobTimeline = new mojs.Timeline({
      duration: 600*this.S, delay: 100*this.S,
      onUpdate: (p)=> {
        this.blob = this.blobBase + .3*(mojs.easing.cubic.out(p));
        this.blobShift = this.blobBase + 1*(p);
      }
    });

    mojs.h.setPrefixedStyle(this.content, 'transform', `translate3d(-5000px,-5000px,0)`);

    var scaleUpTimeline = new mojs.Timeline({
      duration: 600*this.S, delay: 350*this.S,
      onUpdate: (p)=> {
        var scaleSize = 19*mojs.easing.cubic.in(p);
        scaleSize = Math.max(.75, scaleSize);
        var scale = `scale(${scaleSize})`;
        mojs.h.setPrefixedStyle(innerEl, 'transform', scale);
        innerEl.style.opacity = .75 + .25*mojs.easing.cubic.out(p)
      },
      onStart:()=> {
        setTimeout(()=> { this.showInnerPlastic(this.content); }, 400)
      },
      onComplete: () => {
        this.blobCircle.style.display = 'none';
      }
    });
    
    tween.add(scaleDownTween, soundTimeline, blobTimeline, scaleUpTimeline);
    tween.start();
  }
}
main.init()

            
          
!
999px
Loading ..................

Console