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 Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

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.

            
              <!-- CODEPEN PROMOTION -->
<a class="codepen-promo" target="_blank" href="https://codepen.io/2017/popular/pens/" title="The Most Hearted of 2017"><img class="codepen-promo-image" src="https://www.plasm.it/images/codepen-promotion.png" alt="The Most Hearted of 2017"></a>

<!-- PARTICLE SYSTEM -->
<div class="page-bg"></div>

<div class="animation-wrapper">
  <div class="particle particle-1"></div>
  <div class="particle particle-2"></div>
  <div class="particle particle-3"></div>
  <div class="particle particle-4"></div>
</div>

<div class="page-wrapper"> 
  <h1>CSS Particles</h1>
</div>
            
          
!
            
              /* Config */
$color-bg: #1e1e1e;
$color-particle: #fff;
$spacing: 2560px;
$time-1: 60s;
$time-2: 120s;
$time-3: 180s;
$time-4: 600s;

/* Pauls awesome mixin */
@function particles($max) {
   $val: 0px 0px $color-particle;
   @for $i from 1 through $max {
      $val: #{$val},
      random($spacing)+px random($spacing)+px $color-particle;
   }
   @return $val;
}

@mixin particles($max) {
   box-shadow: particles($max);
}

/* Styles */
html, body {
    height: 100%;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    overflow: hidden;
}

.page-bg,
.animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-bg { 
  background: $color-bg url("https://images.unsplash.com/photo-1467281352684-9d059d88adc5?dpr=1&auto=format&fit=crop&w=1920&h=1080&q=100&cs=tinysrgb&crop=") no-repeat top center;
  background-blend-mode: screen;
  background-size: cover;
  filter: grayscale(100%);
  z-index: -1;
}

.particle,
.particle:after {
  background: transparent;
}

.particle:after {
  position: absolute;
  content: "";
  top: $spacing;
}

.particle-1 {
  animation: animParticle $time-1 linear infinite;
  // 600 times random box-shadow coordinates
  // box-shadow: 1307px 1889px $color-particle-1, 771px 642px $color-particle-1, 1811px 1116px $color-particle-1, 796px 418px $color-particle-1, 1607px 997px $color-particle-1, 1431px 192px $color-particle-1, 1081px 382px $color-particle-1, 116px 388px $color-particle-1, 188px 1588px $color-particle-1, 33px 1314px $color-particle-1, 1828px 1004px $color-particle-1, 1830px 635px $color-particle-1, 740px 376px $color-particle-1, 1251px 679px $color-particle-1, 1639px 1559px $color-particle-1, 1650px 92px $color-particle-1, 1655px 1787px $color-particle-1, 248px 378px $color-particle-1, 1258px 410px $color-particle-1, 1737px 1531px $color-particle-1, 61px 1636px $color-particle-1, 830px 1611px $color-particle-1, 1202px 966px $color-particle-1, 859px 594px $color-particle-1, 377px 1508px $color-particle-1, 1882px 55px $color-particle-1, 920px 342px $color-particle-1, 725px 1832px $color-particle-1, 580px 1082px $color-particle-1, 642px 28px $color-particle-1, 318px 949px $color-particle-1, 1398px 285px $color-particle-1, 410px 965px $color-particle-1, 302px 1779px $color-particle-1, 717px 133px $color-particle-1, 1441px 1329px $color-particle-1, 112px 1851px $color-particle-1, 278px 1399px $color-particle-1, 794px 1563px $color-particle-1, 380px 1281px $color-particle-1, 1606px 1580px $color-particle-1, 1234px 1203px $color-particle-1, 1792px 156px $color-particle-1, 557px 285px $color-particle-1, 460px 510px $color-particle-1, 1103px 693px $color-particle-1, 615px 549px $color-particle-1, 1824px 1498px $color-particle-1, 1652px 427px $color-particle-1, 799px 1546px $color-particle-1, 814px 964px $color-particle-1, 13px 357px $color-particle-1, 794px 1047px $color-particle-1, 472px 346px $color-particle-1, 1496px 896px $color-particle-1, 670px 1359px $color-particle-1, 1872px 665px $color-particle-1, 145px 634px $color-particle-1, 875px 7px $color-particle-1, 1042px 180px $color-particle-1, 136px 1847px $color-particle-1, 878px 846px $color-particle-1, 31px 1036px $color-particle-1, 413px 1017px $color-particle-1, 1479px 705px $color-particle-1, 873px 873px $color-particle-1, 1509px 474px $color-particle-1, 654px 821px $color-particle-1, 1243px 343px $color-particle-1, 1122px 1488px $color-particle-1, 1898px 1849px $color-particle-1, 1227px 997px $color-particle-1, 680px 823px $color-particle-1, 1687px 723px $color-particle-1, 1113px 366px $color-particle-1, 1648px 495px $color-particle-1, 1585px 1223px $color-particle-1, 448px 552px $color-particle-1, 763px 769px $color-particle-1, 1689px 1231px $color-particle-1, 1666px 1439px $color-particle-1, 271px 888px $color-particle-1, 440px 1536px $color-particle-1, 874px 1196px $color-particle-1, 1579px 345px $color-particle-1, 896px 644px $color-particle-1, 1164px 463px $color-particle-1, 364px 713px $color-particle-1, 1508px 1413px $color-particle-1, 121px 501px $color-particle-1, 1097px 424px $color-particle-1, 909px 700px $color-particle-1, 914px 1379px $color-particle-1, 618px 1064px $color-particle-1, 475px 1730px $color-particle-1, 1461px 1352px $color-particle-1, 1513px 1724px $color-particle-1, 1151px 322px $color-particle-1, 1635px 1611px $color-particle-1, 618px 766px $color-particle-1, 961px 686px $color-particle-1, 382px 112px $color-particle-1, 187px 1275px $color-particle-1, 940px 1081px $color-particle-1, 439px 690px $color-particle-1, 1439px 693px $color-particle-1, 1313px 121px $color-particle-1, 1246px 510px $color-particle-1, 227px 965px $color-particle-1, 1345px 1013px $color-particle-1, 1472px 371px $color-particle-1, 454px 863px $color-particle-1, 28px 1503px $color-particle-1, 1341px 359px $color-particle-1, 465px 505px $color-particle-1, 1671px 1134px $color-particle-1, 27px 664px $color-particle-1, 1871px 1278px $color-particle-1, 1385px 100px $color-particle-1, 156px 478px $color-particle-1, 13px 1793px $color-particle-1, 1703px 582px $color-particle-1, 1492px 375px $color-particle-1, 1384px 1625px $color-particle-1, 484px 14px $color-particle-1, 1452px 885px $color-particle-1, 1172px 1160px $color-particle-1, 901px 1557px $color-particle-1, 1088px 212px $color-particle-1, 1606px 476px $color-particle-1, 904px 1287px $color-particle-1, 1021px 1841px $color-particle-1, 1101px 1451px $color-particle-1, 1618px 553px $color-particle-1, 336px 217px $color-particle-1, 1739px 306px $color-particle-1, 1743px 238px $color-particle-1, 964px 641px $color-particle-1, 1px 933px $color-particle-1, 1298px 21px $color-particle-1, 785px 948px $color-particle-1, 1745px 1445px $color-particle-1, 346px 719px $color-particle-1, 126px 624px $color-particle-1, 1634px 456px $color-particle-1, 152px 288px $color-particle-1, 253px 845px $color-particle-1, 1644px 947px $color-particle-1, 752px 359px $color-particle-1, 1444px 320px $color-particle-1, 1868px 1276px $color-particle-1, 264px 118px $color-particle-1, 445px 1727px $color-particle-1, 1390px 1048px $color-particle-1, 89px 1432px $color-particle-1, 1704px 1436px $color-particle-1, 1341px 1834px $color-particle-1, 1635px 586px $color-particle-1, 303px 1787px $color-particle-1, 1582px 1682px $color-particle-1, 542px 1419px $color-particle-1, 373px 1783px $color-particle-1, 1671px 1181px $color-particle-1, 1289px 1074px $color-particle-1, 458px 848px $color-particle-1, 1578px 539px $color-particle-1, 1894px 161px $color-particle-1, 445px 987px $color-particle-1, 1390px 128px $color-particle-1, 739px 1346px $color-particle-1, 1836px 1066px $color-particle-1, 1385px 303px $color-particle-1, 1867px 436px $color-particle-1, 1801px 1153px $color-particle-1, 583px 426px $color-particle-1, 338px 220px $color-particle-1, 1437px 410px $color-particle-1, 1874px 1595px $color-particle-1, 1910px 1177px $color-particle-1, 1764px 350px $color-particle-1, 1319px 432px $color-particle-1, 739px 366px $color-particle-1, 100px 704px $color-particle-1, 156px 1198px $color-particle-1, 813px 251px $color-particle-1, 983px 870px $color-particle-1, 776px 1918px $color-particle-1, 171px 1188px $color-particle-1, 707px 1368px $color-particle-1, 609px 547px $color-particle-1, 481px 209px $color-particle-1, 1438px 564px $color-particle-1, 174px 513px $color-particle-1, 83px 262px $color-particle-1, 1553px 316px $color-particle-1, 98px 185px $color-particle-1, 168px 1139px $color-particle-1, 1444px 583px $color-particle-1, 628px 639px $color-particle-1, 203px 39px $color-particle-1, 1551px 1284px $color-particle-1, 656px 1101px $color-particle-1, 967px 799px $color-particle-1, 605px 1119px $color-particle-1, 297px 210px $color-particle-1, 1475px 1322px $color-particle-1, 367px 1427px $color-particle-1, 26px 911px $color-particle-1, 1370px 1860px $color-particle-1, 1673px 1246px $color-particle-1, 236px 1796px $color-particle-1, 1533px 1468px $color-particle-1, 718px 467px $color-particle-1, 1862px 855px $color-particle-1, 1618px 1502px $color-particle-1, 563px 1178px $color-particle-1, 1110px 802px $color-particle-1, 966px 736px $color-particle-1, 1192px 119px $color-particle-1, 390px 353px $color-particle-1, 25px 1233px $color-particle-1, 613px 1210px $color-particle-1, 256px 632px $color-particle-1, 1548px 613px $color-particle-1, 847px 1847px $color-particle-1, 783px 163px $color-particle-1, 1563px 1067px $color-particle-1, 799px 1090px $color-particle-1, 830px 1917px $color-particle-1, 1111px 1740px $color-particle-1, 247px 1594px $color-particle-1, 649px 1253px $color-particle-1, 53px 1534px $color-particle-1, 1088px 92px $color-particle-1, 1497px 1126px $color-particle-1, 525px 1869px $color-particle-1, 1263px 1224px $color-particle-1, 319px 378px $color-particle-1, 87px 712px $color-particle-1, 1781px 1496px $color-particle-1, 1767px 868px $color-particle-1, 302px 1648px $color-particle-1, 381px 913px $color-particle-1, 459px 551px $color-particle-1, 1043px 1349px $color-particle-1, 1331px 390px $color-particle-1, 135px 1427px $color-particle-1, 196px 379px $color-particle-1, 1808px 1911px $color-particle-1, 1076px 879px $color-particle-1, 1759px 1633px $color-particle-1, 1442px 1431px $color-particle-1, 1436px 1443px $color-particle-1, 1266px 1869px $color-particle-1, 363px 1715px $color-particle-1, 927px 1777px $color-particle-1, 1285px 1697px $color-particle-1, 1605px 143px $color-particle-1, 954px 1307px $color-particle-1, 904px 1102px $color-particle-1, 989px 749px $color-particle-1, 1465px 759px $color-particle-1, 1250px 1312px $color-particle-1, 1278px 848px $color-particle-1, 348px 1770px $color-particle-1, 1894px 333px $color-particle-1, 1113px 49px $color-particle-1, 1834px 1133px $color-particle-1, 865px 1736px $color-particle-1, 448px 810px $color-particle-1, 1132px 1228px $color-particle-1, 1362px 1371px $color-particle-1, 91px 1299px $color-particle-1, 1891px 1852px $color-particle-1, 180px 959px $color-particle-1, 807px 576px $color-particle-1, 1851px 454px $color-particle-1, 1531px 462px $color-particle-1, 125px 552px $color-particle-1, 661px 749px $color-particle-1, 1615px 1086px $color-particle-1, 997px 1371px $color-particle-1, 1484px 655px $color-particle-1, 746px 1699px $color-particle-1, 245px 1669px $color-particle-1, 788px 1373px $color-particle-1, 527px 948px $color-particle-1, 112px 1672px $color-particle-1, 463px 343px $color-particle-1, 124px 1317px $color-particle-1, 1447px 1018px $color-particle-1, 822px 768px $color-particle-1, 483px 1381px $color-particle-1, 401px 1345px $color-particle-1, 1793px 1210px $color-particle-1, 110px 611px $color-particle-1, 1509px 13px $color-particle-1, 106px 1534px $color-particle-1, 1568px 1482px $color-particle-1, 1069px 1872px $color-particle-1, 642px 500px $color-particle-1, 826px 1581px $color-particle-1, 1140px 472px $color-particle-1, 527px 651px $color-particle-1, 1219px 150px $color-particle-1, 574px 1062px $color-particle-1, 1168px 978px $color-particle-1, 232px 1072px $color-particle-1, 846px 164px $color-particle-1, 1103px 1236px $color-particle-1, 1253px 1362px $color-particle-1, 1243px 351px $color-particle-1, 874px 1246px $color-particle-1, 641px 1279px $color-particle-1, 1042px 965px $color-particle-1, 368px 685px $color-particle-1, 717px 1327px $color-particle-1, 65px 1066px $color-particle-1, 855px 413px $color-particle-1, 1406px 585px $color-particle-1, 490px 1803px $color-particle-1, 1623px 351px $color-particle-1, 577px 1663px $color-particle-1, 1375px 1332px $color-particle-1, 1902px 1896px $color-particle-1, 1377px 1821px $color-particle-1, 86px 1078px $color-particle-1, 934px 56px $color-particle-1, 460px 1453px $color-particle-1, 545px 72px $color-particle-1, 763px 537px $color-particle-1, 819px 381px $color-particle-1, 422px 367px $color-particle-1, 1429px 691px $color-particle-1, 1658px 1468px $color-particle-1, 174px 1182px $color-particle-1, 908px 118px $color-particle-1, 1554px 1477px $color-particle-1, 348px 163px $color-particle-1, 232px 1614px $color-particle-1, 1707px 1607px $color-particle-1, 1557px 501px $color-particle-1, 777px 728px $color-particle-1, 1652px 1163px $color-particle-1, 1591px 273px $color-particle-1, 905px 1832px $color-particle-1, 336px 483px $color-particle-1, 1434px 248px $color-particle-1, 1127px 1607px $color-particle-1, 119px 1876px $color-particle-1, 1238px 1870px $color-particle-1, 626px 1457px $color-particle-1, 897px 1551px $color-particle-1, 377px 1194px $color-particle-1, 881px 1643px $color-particle-1, 727px 1616px $color-particle-1, 881px 1656px $color-particle-1, 1913px 1152px $color-particle-1, 449px 1765px $color-particle-1, 407px 1150px $color-particle-1, 911px 249px $color-particle-1, 1211px 1649px $color-particle-1, 323px 810px $color-particle-1, 203px 1886px $color-particle-1, 567px 879px $color-particle-1, 474px 875px $color-particle-1, 1830px 1739px $color-particle-1, 525px 1809px $color-particle-1, 1197px 638px $color-particle-1, 1345px 13px $color-particle-1, 758px 1526px $color-particle-1, 1215px 34px $color-particle-1, 1352px 722px $color-particle-1, 880px 1174px $color-particle-1, 808px 1430px $color-particle-1, 1536px 26px $color-particle-1, 1550px 1263px $color-particle-1, 450px 731px $color-particle-1, 39px 1303px $color-particle-1, 962px 247px $color-particle-1, 1347px 874px $color-particle-1, 363px 1727px $color-particle-1, 271px 1429px $color-particle-1, 73px 174px $color-particle-1, 54px 721px $color-particle-1, 1574px 1284px $color-particle-1, 1852px 868px $color-particle-1, 518px 1408px $color-particle-1, 1829px 1792px $color-particle-1, 1795px 1793px $color-particle-1, 1444px 620px $color-particle-1, 43px 381px $color-particle-1, 1522px 151px $color-particle-1, 1423px 1870px $color-particle-1, 258px 910px $color-particle-1, 1596px 193px $color-particle-1, 1516px 747px $color-particle-1, 996px 958px $color-particle-1, 571px 785px $color-particle-1, 213px 1435px $color-particle-1, 1040px 121px $color-particle-1, 925px 1476px $color-particle-1, 41px 816px $color-particle-1, 171px 1777px $color-particle-1, 652px 1219px $color-particle-1, 1289px 207px $color-particle-1, 682px 1795px $color-particle-1, 662px 171px $color-particle-1, 1421px 296px $color-particle-1, 365px 803px $color-particle-1, 447px 1763px $color-particle-1, 662px 1315px $color-particle-1, 326px 58px $color-particle-1, 54px 499px $color-particle-1, 1067px 1354px $color-particle-1, 302px 357px $color-particle-1, 130px 1484px $color-particle-1, 278px 118px $color-particle-1, 1773px 1820px $color-particle-1, 105px 1112px $color-particle-1, 1693px 740px $color-particle-1, 207px 1243px $color-particle-1, 278px 607px $color-particle-1, 1078px 424px $color-particle-1, 1184px 758px $color-particle-1, 564px 349px $color-particle-1, 449px 1869px $color-particle-1, 1555px 612px $color-particle-1, 1700px 1012px $color-particle-1, 1704px 1740px $color-particle-1, 1081px 1014px $color-particle-1, 1712px 1675px $color-particle-1, 1482px 190px $color-particle-1, 996px 629px $color-particle-1, 487px 964px $color-particle-1, 124px 1556px $color-particle-1, 37px 1784px $color-particle-1, 480px 399px $color-particle-1, 1507px 118px $color-particle-1, 755px 1034px $color-particle-1, 835px 1759px $color-particle-1, 1776px 172px $color-particle-1, 1402px 1251px $color-particle-1, 1441px 738px $color-particle-1, 85px 648px $color-particle-1, 1046px 1761px $color-particle-1, 1869px 482px $color-particle-1, 1790px 1343px $color-particle-1, 1586px 1395px $color-particle-1, 1165px 47px $color-particle-1, 1232px 110px $color-particle-1, 460px 1541px $color-particle-1, 1782px 627px $color-particle-1, 1433px 548px $color-particle-1, 1524px 1521px $color-particle-1, 1767px 1893px $color-particle-1, 1028px 8px $color-particle-1, 1307px 628px $color-particle-1, 1024px 1762px $color-particle-1, 366px 986px $color-particle-1, 1020px 920px $color-particle-1, 1212px 1338px $color-particle-1, 86px 436px $color-particle-1, 563px 1903px $color-particle-1, 1371px 382px $color-particle-1, 1915px 1155px $color-particle-1, 219px 1244px $color-particle-1, 1796px 317px $color-particle-1, 153px 238px $color-particle-1, 14px 266px $color-particle-1, 220px 1494px $color-particle-1, 799px 509px $color-particle-1, 526px 1472px $color-particle-1, 248px 622px $color-particle-1, 259px 1738px $color-particle-1, 1202px 942px $color-particle-1, 1129px 1351px $color-particle-1, 568px 1325px $color-particle-1, 1232px 84px $color-particle-1, 671px 1333px $color-particle-1, 637px 548px $color-particle-1, 247px 34px $color-particle-1, 751px 1251px $color-particle-1, 278px 850px $color-particle-1, 1208px 1203px $color-particle-1, 1866px 225px $color-particle-1, 1840px 1411px $color-particle-1, 1748px 912px $color-particle-1, 685px 1771px $color-particle-1, 677px 1221px $color-particle-1, 796px 191px $color-particle-1, 511px 312px $color-particle-1, 422px 1350px $color-particle-1, 1054px 766px $color-particle-1, 903px 187px $color-particle-1, 1471px 347px $color-particle-1, 1344px 1403px $color-particle-1, 1784px 458px $color-particle-1, 376px 1754px $color-particle-1, 102px 1777px $color-particle-1, 1446px 737px $color-particle-1, 408px 597px $color-particle-1, 1102px 455px $color-particle-1, 1646px 1516px $color-particle-1, 636px 1269px $color-particle-1, 1708px 1666px $color-particle-1, 887px 1340px $color-particle-1, 83px 231px $color-particle-1, 1657px 555px $color-particle-1, 916px 453px $color-particle-1, 359px 784px $color-particle-1, 1033px 968px $color-particle-1, 1789px 1133px $color-particle-1, 195px 1132px $color-particle-1, 1735px 551px $color-particle-1, 49px 1427px $color-particle-1, 1888px 929px $color-particle-1, 1378px 578px $color-particle-1, 670px 955px $color-particle-1, 964px 1390px $color-particle-1, 1042px 1676px $color-particle-1, 461px 255px $color-particle-1, 207px 708px $color-particle-1, 836px 1719px $color-particle-1, 1870px 237px $color-particle-1, 1049px 1006px $color-particle-1, 196px 16px $color-particle-1, 70px 855px $color-particle-1, 462px 466px $color-particle-1, 1696px 65px $color-particle-1, 1519px 1152px $color-particle-1, 982px 1296px $color-particle-1, 866px 1277px $color-particle-1, 1160px 1535px $color-particle-1, 662px 328px $color-particle-1, 880px 1738px $color-particle-1, 99px 302px $color-particle-1, 117px 208px $color-particle-1, 1658px 1417px $color-particle-1, 1107px 614px $color-particle-1, 796px 393px $color-particle-1, 1380px 7px $color-particle-1, 1124px 319px $color-particle-1, 1241px 850px $color-particle-1, 1264px 1894px $color-particle-1, 819px 714px $color-particle-1, 787px 90px $color-particle-1, 718px 1597px $color-particle-1, 1812px 538px $color-particle-1, 842px 755px $color-particle-1, 148px 1593px $color-particle-1, 940px 618px $color-particle-1, 1249px 723px $color-particle-1, 833px 401px $color-particle-1, 1712px 156px $color-particle-1, 756px 969px $color-particle-1, 805px 512px $color-particle-1, 419px 25px $color-particle-1, 1378px 1585px $color-particle-1, 264px 927px $color-particle-1, 1482px 1145px $color-particle-1, 493px 321px $color-particle-1, 1323px 265px $color-particle-1, 1329px 176px $color-particle-1, 1291px 222px $color-particle-1, 698px 872px $color-particle-1, 235px 1248px $color-particle-1, 557px 201px $color-particle-1, 1444px 319px $color-particle-1, 1169px 136px $color-particle-1, 330px 1679px $color-particle-1, 184px 179px $color-particle-1, 1468px 1022px $color-particle-1, 1446px 813px $color-particle-1, 928px 1488px $color-particle-1, 1799px 302px $color-particle-1, 125px 489px $color-particle-1, 1718px 1686px $color-particle-1, 728px 613px $color-particle-1, 1183px 50px $color-particle-1, 818px 1742px $color-particle-1, 1690px 1253px $color-particle-1, 375px 827px $color-particle-1, 27px 1809px $color-particle-1, 467px 1647px $color-particle-1, 414px 106px $color-particle-1, 1309px 1897px $color-particle-1, 1349px 1221px $color-particle-1, 973px 1756px $color-particle-1, 1406px 1663px $color-particle-1, 1778px 1696px $color-particle-1, 852px 228px $color-particle-1, 1397px 418px $color-particle-1, 45px 1311px $color-particle-1, 1631px 1540px $color-particle-1, 1368px 809px $color-particle-1, 235px 535px $color-particle-1, 1677px 105px $color-particle-1, 1407px 675px $color-particle-1, 1048px 839px $color-particle-1;
  @include particles(600);
  height: 1px;
  width: 1px;
}

.particle-1:after {
  // 600 times random box-shadow coordinates
  // box-shadow: 1307px 1889px $color-particle-1, 771px 642px $color-particle-1, 1811px 1116px $color-particle-1, 796px 418px $color-particle-1, 1607px 997px $color-particle-1, 1431px 192px $color-particle-1, 1081px 382px $color-particle-1, 116px 388px $color-particle-1, 188px 1588px $color-particle-1, 33px 1314px $color-particle-1, 1828px 1004px $color-particle-1, 1830px 635px $color-particle-1, 740px 376px $color-particle-1, 1251px 679px $color-particle-1, 1639px 1559px $color-particle-1, 1650px 92px $color-particle-1, 1655px 1787px $color-particle-1, 248px 378px $color-particle-1, 1258px 410px $color-particle-1, 1737px 1531px $color-particle-1, 61px 1636px $color-particle-1, 830px 1611px $color-particle-1, 1202px 966px $color-particle-1, 859px 594px $color-particle-1, 377px 1508px $color-particle-1, 1882px 55px $color-particle-1, 920px 342px $color-particle-1, 725px 1832px $color-particle-1, 580px 1082px $color-particle-1, 642px 28px $color-particle-1, 318px 949px $color-particle-1, 1398px 285px $color-particle-1, 410px 965px $color-particle-1, 302px 1779px $color-particle-1, 717px 133px $color-particle-1, 1441px 1329px $color-particle-1, 112px 1851px $color-particle-1, 278px 1399px $color-particle-1, 794px 1563px $color-particle-1, 380px 1281px $color-particle-1, 1606px 1580px $color-particle-1, 1234px 1203px $color-particle-1, 1792px 156px $color-particle-1, 557px 285px $color-particle-1, 460px 510px $color-particle-1, 1103px 693px $color-particle-1, 615px 549px $color-particle-1, 1824px 1498px $color-particle-1, 1652px 427px $color-particle-1, 799px 1546px $color-particle-1, 814px 964px $color-particle-1, 13px 357px $color-particle-1, 794px 1047px $color-particle-1, 472px 346px $color-particle-1, 1496px 896px $color-particle-1, 670px 1359px $color-particle-1, 1872px 665px $color-particle-1, 145px 634px $color-particle-1, 875px 7px $color-particle-1, 1042px 180px $color-particle-1, 136px 1847px $color-particle-1, 878px 846px $color-particle-1, 31px 1036px $color-particle-1, 413px 1017px $color-particle-1, 1479px 705px $color-particle-1, 873px 873px $color-particle-1, 1509px 474px $color-particle-1, 654px 821px $color-particle-1, 1243px 343px $color-particle-1, 1122px 1488px $color-particle-1, 1898px 1849px $color-particle-1, 1227px 997px $color-particle-1, 680px 823px $color-particle-1, 1687px 723px $color-particle-1, 1113px 366px $color-particle-1, 1648px 495px $color-particle-1, 1585px 1223px $color-particle-1, 448px 552px $color-particle-1, 763px 769px $color-particle-1, 1689px 1231px $color-particle-1, 1666px 1439px $color-particle-1, 271px 888px $color-particle-1, 440px 1536px $color-particle-1, 874px 1196px $color-particle-1, 1579px 345px $color-particle-1, 896px 644px $color-particle-1, 1164px 463px $color-particle-1, 364px 713px $color-particle-1, 1508px 1413px $color-particle-1, 121px 501px $color-particle-1, 1097px 424px $color-particle-1, 909px 700px $color-particle-1, 914px 1379px $color-particle-1, 618px 1064px $color-particle-1, 475px 1730px $color-particle-1, 1461px 1352px $color-particle-1, 1513px 1724px $color-particle-1, 1151px 322px $color-particle-1, 1635px 1611px $color-particle-1, 618px 766px $color-particle-1, 961px 686px $color-particle-1, 382px 112px $color-particle-1, 187px 1275px $color-particle-1, 940px 1081px $color-particle-1, 439px 690px $color-particle-1, 1439px 693px $color-particle-1, 1313px 121px $color-particle-1, 1246px 510px $color-particle-1, 227px 965px $color-particle-1, 1345px 1013px $color-particle-1, 1472px 371px $color-particle-1, 454px 863px $color-particle-1, 28px 1503px $color-particle-1, 1341px 359px $color-particle-1, 465px 505px $color-particle-1, 1671px 1134px $color-particle-1, 27px 664px $color-particle-1, 1871px 1278px $color-particle-1, 1385px 100px $color-particle-1, 156px 478px $color-particle-1, 13px 1793px $color-particle-1, 1703px 582px $color-particle-1, 1492px 375px $color-particle-1, 1384px 1625px $color-particle-1, 484px 14px $color-particle-1, 1452px 885px $color-particle-1, 1172px 1160px $color-particle-1, 901px 1557px $color-particle-1, 1088px 212px $color-particle-1, 1606px 476px $color-particle-1, 904px 1287px $color-particle-1, 1021px 1841px $color-particle-1, 1101px 1451px $color-particle-1, 1618px 553px $color-particle-1, 336px 217px $color-particle-1, 1739px 306px $color-particle-1, 1743px 238px $color-particle-1, 964px 641px $color-particle-1, 1px 933px $color-particle-1, 1298px 21px $color-particle-1, 785px 948px $color-particle-1, 1745px 1445px $color-particle-1, 346px 719px $color-particle-1, 126px 624px $color-particle-1, 1634px 456px $color-particle-1, 152px 288px $color-particle-1, 253px 845px $color-particle-1, 1644px 947px $color-particle-1, 752px 359px $color-particle-1, 1444px 320px $color-particle-1, 1868px 1276px $color-particle-1, 264px 118px $color-particle-1, 445px 1727px $color-particle-1, 1390px 1048px $color-particle-1, 89px 1432px $color-particle-1, 1704px 1436px $color-particle-1, 1341px 1834px $color-particle-1, 1635px 586px $color-particle-1, 303px 1787px $color-particle-1, 1582px 1682px $color-particle-1, 542px 1419px $color-particle-1, 373px 1783px $color-particle-1, 1671px 1181px $color-particle-1, 1289px 1074px $color-particle-1, 458px 848px $color-particle-1, 1578px 539px $color-particle-1, 1894px 161px $color-particle-1, 445px 987px $color-particle-1, 1390px 128px $color-particle-1, 739px 1346px $color-particle-1, 1836px 1066px $color-particle-1, 1385px 303px $color-particle-1, 1867px 436px $color-particle-1, 1801px 1153px $color-particle-1, 583px 426px $color-particle-1, 338px 220px $color-particle-1, 1437px 410px $color-particle-1, 1874px 1595px $color-particle-1, 1910px 1177px $color-particle-1, 1764px 350px $color-particle-1, 1319px 432px $color-particle-1, 739px 366px $color-particle-1, 100px 704px $color-particle-1, 156px 1198px $color-particle-1, 813px 251px $color-particle-1, 983px 870px $color-particle-1, 776px 1918px $color-particle-1, 171px 1188px $color-particle-1, 707px 1368px $color-particle-1, 609px 547px $color-particle-1, 481px 209px $color-particle-1, 1438px 564px $color-particle-1, 174px 513px $color-particle-1, 83px 262px $color-particle-1, 1553px 316px $color-particle-1, 98px 185px $color-particle-1, 168px 1139px $color-particle-1, 1444px 583px $color-particle-1, 628px 639px $color-particle-1, 203px 39px $color-particle-1, 1551px 1284px $color-particle-1, 656px 1101px $color-particle-1, 967px 799px $color-particle-1, 605px 1119px $color-particle-1, 297px 210px $color-particle-1, 1475px 1322px $color-particle-1, 367px 1427px $color-particle-1, 26px 911px $color-particle-1, 1370px 1860px $color-particle-1, 1673px 1246px $color-particle-1, 236px 1796px $color-particle-1, 1533px 1468px $color-particle-1, 718px 467px $color-particle-1, 1862px 855px $color-particle-1, 1618px 1502px $color-particle-1, 563px 1178px $color-particle-1, 1110px 802px $color-particle-1, 966px 736px $color-particle-1, 1192px 119px $color-particle-1, 390px 353px $color-particle-1, 25px 1233px $color-particle-1, 613px 1210px $color-particle-1, 256px 632px $color-particle-1, 1548px 613px $color-particle-1, 847px 1847px $color-particle-1, 783px 163px $color-particle-1, 1563px 1067px $color-particle-1, 799px 1090px $color-particle-1, 830px 1917px $color-particle-1, 1111px 1740px $color-particle-1, 247px 1594px $color-particle-1, 649px 1253px $color-particle-1, 53px 1534px $color-particle-1, 1088px 92px $color-particle-1, 1497px 1126px $color-particle-1, 525px 1869px $color-particle-1, 1263px 1224px $color-particle-1, 319px 378px $color-particle-1, 87px 712px $color-particle-1, 1781px 1496px $color-particle-1, 1767px 868px $color-particle-1, 302px 1648px $color-particle-1, 381px 913px $color-particle-1, 459px 551px $color-particle-1, 1043px 1349px $color-particle-1, 1331px 390px $color-particle-1, 135px 1427px $color-particle-1, 196px 379px $color-particle-1, 1808px 1911px $color-particle-1, 1076px 879px $color-particle-1, 1759px 1633px $color-particle-1, 1442px 1431px $color-particle-1, 1436px 1443px $color-particle-1, 1266px 1869px $color-particle-1, 363px 1715px $color-particle-1, 927px 1777px $color-particle-1, 1285px 1697px $color-particle-1, 1605px 143px $color-particle-1, 954px 1307px $color-particle-1, 904px 1102px $color-particle-1, 989px 749px $color-particle-1, 1465px 759px $color-particle-1, 1250px 1312px $color-particle-1, 1278px 848px $color-particle-1, 348px 1770px $color-particle-1, 1894px 333px $color-particle-1, 1113px 49px $color-particle-1, 1834px 1133px $color-particle-1, 865px 1736px $color-particle-1, 448px 810px $color-particle-1, 1132px 1228px $color-particle-1, 1362px 1371px $color-particle-1, 91px 1299px $color-particle-1, 1891px 1852px $color-particle-1, 180px 959px $color-particle-1, 807px 576px $color-particle-1, 1851px 454px $color-particle-1, 1531px 462px $color-particle-1, 125px 552px $color-particle-1, 661px 749px $color-particle-1, 1615px 1086px $color-particle-1, 997px 1371px $color-particle-1, 1484px 655px $color-particle-1, 746px 1699px $color-particle-1, 245px 1669px $color-particle-1, 788px 1373px $color-particle-1, 527px 948px $color-particle-1, 112px 1672px $color-particle-1, 463px 343px $color-particle-1, 124px 1317px $color-particle-1, 1447px 1018px $color-particle-1, 822px 768px $color-particle-1, 483px 1381px $color-particle-1, 401px 1345px $color-particle-1, 1793px 1210px $color-particle-1, 110px 611px $color-particle-1, 1509px 13px $color-particle-1, 106px 1534px $color-particle-1, 1568px 1482px $color-particle-1, 1069px 1872px $color-particle-1, 642px 500px $color-particle-1, 826px 1581px $color-particle-1, 1140px 472px $color-particle-1, 527px 651px $color-particle-1, 1219px 150px $color-particle-1, 574px 1062px $color-particle-1, 1168px 978px $color-particle-1, 232px 1072px $color-particle-1, 846px 164px $color-particle-1, 1103px 1236px $color-particle-1, 1253px 1362px $color-particle-1, 1243px 351px $color-particle-1, 874px 1246px $color-particle-1, 641px 1279px $color-particle-1, 1042px 965px $color-particle-1, 368px 685px $color-particle-1, 717px 1327px $color-particle-1, 65px 1066px $color-particle-1, 855px 413px $color-particle-1, 1406px 585px $color-particle-1, 490px 1803px $color-particle-1, 1623px 351px $color-particle-1, 577px 1663px $color-particle-1, 1375px 1332px $color-particle-1, 1902px 1896px $color-particle-1, 1377px 1821px $color-particle-1, 86px 1078px $color-particle-1, 934px 56px $color-particle-1, 460px 1453px $color-particle-1, 545px 72px $color-particle-1, 763px 537px $color-particle-1, 819px 381px $color-particle-1, 422px 367px $color-particle-1, 1429px 691px $color-particle-1, 1658px 1468px $color-particle-1, 174px 1182px $color-particle-1, 908px 118px $color-particle-1, 1554px 1477px $color-particle-1, 348px 163px $color-particle-1, 232px 1614px $color-particle-1, 1707px 1607px $color-particle-1, 1557px 501px $color-particle-1, 777px 728px $color-particle-1, 1652px 1163px $color-particle-1, 1591px 273px $color-particle-1, 905px 1832px $color-particle-1, 336px 483px $color-particle-1, 1434px 248px $color-particle-1, 1127px 1607px $color-particle-1, 119px 1876px $color-particle-1, 1238px 1870px $color-particle-1, 626px 1457px $color-particle-1, 897px 1551px $color-particle-1, 377px 1194px $color-particle-1, 881px 1643px $color-particle-1, 727px 1616px $color-particle-1, 881px 1656px $color-particle-1, 1913px 1152px $color-particle-1, 449px 1765px $color-particle-1, 407px 1150px $color-particle-1, 911px 249px $color-particle-1, 1211px 1649px $color-particle-1, 323px 810px $color-particle-1, 203px 1886px $color-particle-1, 567px 879px $color-particle-1, 474px 875px $color-particle-1, 1830px 1739px $color-particle-1, 525px 1809px $color-particle-1, 1197px 638px $color-particle-1, 1345px 13px $color-particle-1, 758px 1526px $color-particle-1, 1215px 34px $color-particle-1, 1352px 722px $color-particle-1, 880px 1174px $color-particle-1, 808px 1430px $color-particle-1, 1536px 26px $color-particle-1, 1550px 1263px $color-particle-1, 450px 731px $color-particle-1, 39px 1303px $color-particle-1, 962px 247px $color-particle-1, 1347px 874px $color-particle-1, 363px 1727px $color-particle-1, 271px 1429px $color-particle-1, 73px 174px $color-particle-1, 54px 721px $color-particle-1, 1574px 1284px $color-particle-1, 1852px 868px $color-particle-1, 518px 1408px $color-particle-1, 1829px 1792px $color-particle-1, 1795px 1793px $color-particle-1, 1444px 620px $color-particle-1, 43px 381px $color-particle-1, 1522px 151px $color-particle-1, 1423px 1870px $color-particle-1, 258px 910px $color-particle-1, 1596px 193px $color-particle-1, 1516px 747px $color-particle-1, 996px 958px $color-particle-1, 571px 785px $color-particle-1, 213px 1435px $color-particle-1, 1040px 121px $color-particle-1, 925px 1476px $color-particle-1, 41px 816px $color-particle-1, 171px 1777px $color-particle-1, 652px 1219px $color-particle-1, 1289px 207px $color-particle-1, 682px 1795px $color-particle-1, 662px 171px $color-particle-1, 1421px 296px $color-particle-1, 365px 803px $color-particle-1, 447px 1763px $color-particle-1, 662px 1315px $color-particle-1, 326px 58px $color-particle-1, 54px 499px $color-particle-1, 1067px 1354px $color-particle-1, 302px 357px $color-particle-1, 130px 1484px $color-particle-1, 278px 118px $color-particle-1, 1773px 1820px $color-particle-1, 105px 1112px $color-particle-1, 1693px 740px $color-particle-1, 207px 1243px $color-particle-1, 278px 607px $color-particle-1, 1078px 424px $color-particle-1, 1184px 758px $color-particle-1, 564px 349px $color-particle-1, 449px 1869px $color-particle-1, 1555px 612px $color-particle-1, 1700px 1012px $color-particle-1, 1704px 1740px $color-particle-1, 1081px 1014px $color-particle-1, 1712px 1675px $color-particle-1, 1482px 190px $color-particle-1, 996px 629px $color-particle-1, 487px 964px $color-particle-1, 124px 1556px $color-particle-1, 37px 1784px $color-particle-1, 480px 399px $color-particle-1, 1507px 118px $color-particle-1, 755px 1034px $color-particle-1, 835px 1759px $color-particle-1, 1776px 172px $color-particle-1, 1402px 1251px $color-particle-1, 1441px 738px $color-particle-1, 85px 648px $color-particle-1, 1046px 1761px $color-particle-1, 1869px 482px $color-particle-1, 1790px 1343px $color-particle-1, 1586px 1395px $color-particle-1, 1165px 47px $color-particle-1, 1232px 110px $color-particle-1, 460px 1541px $color-particle-1, 1782px 627px $color-particle-1, 1433px 548px $color-particle-1, 1524px 1521px $color-particle-1, 1767px 1893px $color-particle-1, 1028px 8px $color-particle-1, 1307px 628px $color-particle-1, 1024px 1762px $color-particle-1, 366px 986px $color-particle-1, 1020px 920px $color-particle-1, 1212px 1338px $color-particle-1, 86px 436px $color-particle-1, 563px 1903px $color-particle-1, 1371px 382px $color-particle-1, 1915px 1155px $color-particle-1, 219px 1244px $color-particle-1, 1796px 317px $color-particle-1, 153px 238px $color-particle-1, 14px 266px $color-particle-1, 220px 1494px $color-particle-1, 799px 509px $color-particle-1, 526px 1472px $color-particle-1, 248px 622px $color-particle-1, 259px 1738px $color-particle-1, 1202px 942px $color-particle-1, 1129px 1351px $color-particle-1, 568px 1325px $color-particle-1, 1232px 84px $color-particle-1, 671px 1333px $color-particle-1, 637px 548px $color-particle-1, 247px 34px $color-particle-1, 751px 1251px $color-particle-1, 278px 850px $color-particle-1, 1208px 1203px $color-particle-1, 1866px 225px $color-particle-1, 1840px 1411px $color-particle-1, 1748px 912px $color-particle-1, 685px 1771px $color-particle-1, 677px 1221px $color-particle-1, 796px 191px $color-particle-1, 511px 312px $color-particle-1, 422px 1350px $color-particle-1, 1054px 766px $color-particle-1, 903px 187px $color-particle-1, 1471px 347px $color-particle-1, 1344px 1403px $color-particle-1, 1784px 458px $color-particle-1, 376px 1754px $color-particle-1, 102px 1777px $color-particle-1, 1446px 737px $color-particle-1, 408px 597px $color-particle-1, 1102px 455px $color-particle-1, 1646px 1516px $color-particle-1, 636px 1269px $color-particle-1, 1708px 1666px $color-particle-1, 887px 1340px $color-particle-1, 83px 231px $color-particle-1, 1657px 555px $color-particle-1, 916px 453px $color-particle-1, 359px 784px $color-particle-1, 1033px 968px $color-particle-1, 1789px 1133px $color-particle-1, 195px 1132px $color-particle-1, 1735px 551px $color-particle-1, 49px 1427px $color-particle-1, 1888px 929px $color-particle-1, 1378px 578px $color-particle-1, 670px 955px $color-particle-1, 964px 1390px $color-particle-1, 1042px 1676px $color-particle-1, 461px 255px $color-particle-1, 207px 708px $color-particle-1, 836px 1719px $color-particle-1, 1870px 237px $color-particle-1, 1049px 1006px $color-particle-1, 196px 16px $color-particle-1, 70px 855px $color-particle-1, 462px 466px $color-particle-1, 1696px 65px $color-particle-1, 1519px 1152px $color-particle-1, 982px 1296px $color-particle-1, 866px 1277px $color-particle-1, 1160px 1535px $color-particle-1, 662px 328px $color-particle-1, 880px 1738px $color-particle-1, 99px 302px $color-particle-1, 117px 208px $color-particle-1, 1658px 1417px $color-particle-1, 1107px 614px $color-particle-1, 796px 393px $color-particle-1, 1380px 7px $color-particle-1, 1124px 319px $color-particle-1, 1241px 850px $color-particle-1, 1264px 1894px $color-particle-1, 819px 714px $color-particle-1, 787px 90px $color-particle-1, 718px 1597px $color-particle-1, 1812px 538px $color-particle-1, 842px 755px $color-particle-1, 148px 1593px $color-particle-1, 940px 618px $color-particle-1, 1249px 723px $color-particle-1, 833px 401px $color-particle-1, 1712px 156px $color-particle-1, 756px 969px $color-particle-1, 805px 512px $color-particle-1, 419px 25px $color-particle-1, 1378px 1585px $color-particle-1, 264px 927px $color-particle-1, 1482px 1145px $color-particle-1, 493px 321px $color-particle-1, 1323px 265px $color-particle-1, 1329px 176px $color-particle-1, 1291px 222px $color-particle-1, 698px 872px $color-particle-1, 235px 1248px $color-particle-1, 557px 201px $color-particle-1, 1444px 319px $color-particle-1, 1169px 136px $color-particle-1, 330px 1679px $color-particle-1, 184px 179px $color-particle-1, 1468px 1022px $color-particle-1, 1446px 813px $color-particle-1, 928px 1488px $color-particle-1, 1799px 302px $color-particle-1, 125px 489px $color-particle-1, 1718px 1686px $color-particle-1, 728px 613px $color-particle-1, 1183px 50px $color-particle-1, 818px 1742px $color-particle-1, 1690px 1253px $color-particle-1, 375px 827px $color-particle-1, 27px 1809px $color-particle-1, 467px 1647px $color-particle-1, 414px 106px $color-particle-1, 1309px 1897px $color-particle-1, 1349px 1221px $color-particle-1, 973px 1756px $color-particle-1, 1406px 1663px $color-particle-1, 1778px 1696px $color-particle-1, 852px 228px $color-particle-1, 1397px 418px $color-particle-1, 45px 1311px $color-particle-1, 1631px 1540px $color-particle-1, 1368px 809px $color-particle-1, 235px 535px $color-particle-1, 1677px 105px $color-particle-1, 1407px 675px $color-particle-1, 1048px 839px $color-particle-1;
  @include particles(600);
  height: 1px;
  width: 1px;
}

.particle-2 {
  animation: animParticle $time-2 linear infinite;
  // 200 times random box-shadow coordinates
  // box-shadow: 186px 967px $color-particle-2, 358px 826px $color-particle-2, 1637px 1890px $color-particle-2, 1599px 1491px $color-particle-2, 912px 1632px $color-particle-2, 1546px 1204px $color-particle-2, 38px 611px $color-particle-2, 1083px 1383px $color-particle-2, 809px 564px $color-particle-2, 1194px 834px $color-particle-2, 813px 170px $color-particle-2, 384px 1294px $color-particle-2, 688px 272px $color-particle-2, 1755px 297px $color-particle-2, 1019px 556px $color-particle-2, 1457px 1243px $color-particle-2, 1417px 379px $color-particle-2, 204px 1433px $color-particle-2, 90px 1109px $color-particle-2, 1593px 23px $color-particle-2, 65px 1168px $color-particle-2, 1818px 276px $color-particle-2, 1396px 178px $color-particle-2, 1717px 1143px $color-particle-2, 1826px 71px $color-particle-2, 1214px 1865px $color-particle-2, 551px 1734px $color-particle-2, 431px 1406px $color-particle-2, 472px 481px $color-particle-2, 1128px 31px $color-particle-2, 452px 886px $color-particle-2, 152px 3px $color-particle-2, 1660px 657px $color-particle-2, 1613px 1626px $color-particle-2, 784px 396px $color-particle-2, 1726px 784px $color-particle-2, 52px 1114px $color-particle-2, 484px 697px $color-particle-2, 757px 1353px $color-particle-2, 1745px 1064px $color-particle-2, 1190px 1349px $color-particle-2, 152px 75px $color-particle-2, 892px 126px $color-particle-2, 1915px 1254px $color-particle-2, 1115px 1542px $color-particle-2, 702px 1069px $color-particle-2, 1790px 303px $color-particle-2, 998px 1250px $color-particle-2, 1489px 109px $color-particle-2, 1134px 855px $color-particle-2, 1518px 1316px $color-particle-2, 826px 1262px $color-particle-2, 104px 434px $color-particle-2, 1874px 1251px $color-particle-2, 1200px 90px $color-particle-2, 1915px 1305px $color-particle-2, 116px 558px $color-particle-2, 1766px 757px $color-particle-2, 1800px 1468px $color-particle-2, 713px 31px $color-particle-2, 1567px 364px $color-particle-2, 318px 1570px $color-particle-2, 216px 671px $color-particle-2, 263px 775px $color-particle-2, 1823px 680px $color-particle-2, 743px 1545px $color-particle-2, 1051px 411px $color-particle-2, 407px 383px $color-particle-2, 1097px 1569px $color-particle-2, 852px 773px $color-particle-2, 1786px 1338px $color-particle-2, 365px 205px $color-particle-2, 1873px 1142px $color-particle-2, 1069px 1511px $color-particle-2, 53px 1902px $color-particle-2, 1198px 452px $color-particle-2, 1373px 699px $color-particle-2, 1717px 779px $color-particle-2, 202px 753px $color-particle-2, 207px 1827px $color-particle-2, 1774px 1330px $color-particle-2, 1536px 452px $color-particle-2, 17px 117px $color-particle-2, 1035px 1559px $color-particle-2, 1085px 191px $color-particle-2, 1851px 833px $color-particle-2, 727px 319px $color-particle-2, 1236px 110px $color-particle-2, 995px 689px $color-particle-2, 1626px 1429px $color-particle-2, 322px 1425px $color-particle-2, 1719px 1574px $color-particle-2, 1419px 19px $color-particle-2, 1328px 856px $color-particle-2, 1570px 1307px $color-particle-2, 1500px 1031px $color-particle-2, 119px 137px $color-particle-2, 466px 468px $color-particle-2, 1304px 1626px $color-particle-2, 1236px 383px $color-particle-2, 158px 230px $color-particle-2, 251px 1628px $color-particle-2, 1695px 716px $color-particle-2, 1119px 1801px $color-particle-2, 834px 1850px $color-particle-2, 663px 745px $color-particle-2, 1148px 800px $color-particle-2, 313px 1297px $color-particle-2, 742px 1001px $color-particle-2, 1384px 775px $color-particle-2, 558px 525px $color-particle-2, 540px 446px $color-particle-2, 1014px 135px $color-particle-2, 701px 121px $color-particle-2, 996px 579px $color-particle-2, 1864px 1754px $color-particle-2, 1907px 1658px $color-particle-2, 588px 545px $color-particle-2, 1689px 503px $color-particle-2, 658px 1803px $color-particle-2, 984px 1653px $color-particle-2, 208px 193px $color-particle-2, 747px 876px $color-particle-2, 85px 769px $color-particle-2, 50px 262px $color-particle-2, 477px 1178px $color-particle-2, 868px 885px $color-particle-2, 787px 1002px $color-particle-2, 225px 1151px $color-particle-2, 1340px 736px $color-particle-2, 1574px 229px $color-particle-2, 304px 20px $color-particle-2, 1035px 1884px $color-particle-2, 1742px 1577px $color-particle-2, 1574px 1572px $color-particle-2, 413px 57px $color-particle-2, 138px 1041px $color-particle-2, 759px 708px $color-particle-2, 1490px 1462px $color-particle-2, 986px 1130px $color-particle-2, 145px 634px $color-particle-2, 1791px 1881px $color-particle-2, 621px 1577px $color-particle-2, 1890px 886px $color-particle-2, 65px 142px $color-particle-2, 740px 463px $color-particle-2, 1151px 353px $color-particle-2, 1380px 1165px $color-particle-2, 177px 748px $color-particle-2, 1910px 1140px $color-particle-2, 307px 1304px $color-particle-2, 674px 991px $color-particle-2, 1755px 1887px $color-particle-2, 1559px 21px $color-particle-2, 1421px 227px $color-particle-2, 973px 1357px $color-particle-2, 862px 1219px $color-particle-2, 1123px 1001px $color-particle-2, 808px 696px $color-particle-2, 394px 628px $color-particle-2, 1537px 104px $color-particle-2, 1907px 1446px $color-particle-2, 742px 508px $color-particle-2, 1168px 1190px $color-particle-2, 1464px 1652px $color-particle-2, 492px 1178px $color-particle-2, 58px 1256px $color-particle-2, 1544px 196px $color-particle-2, 769px 423px $color-particle-2, 1808px 1448px $color-particle-2, 864px 685px $color-particle-2, 1299px 62px $color-particle-2, 1770px 695px $color-particle-2, 364px 945px $color-particle-2, 1890px 477px $color-particle-2, 1423px 1879px $color-particle-2, 1763px 302px $color-particle-2, 692px 929px $color-particle-2, 1559px 290px $color-particle-2, 927px 1172px $color-particle-2, 1799px 1855px $color-particle-2, 678px 1308px $color-particle-2, 913px 943px $color-particle-2, 291px 1494px $color-particle-2, 563px 826px $color-particle-2, 1748px 1674px $color-particle-2, 1596px 1387px $color-particle-2, 296px 801px $color-particle-2, 1844px 656px $color-particle-2, 1629px 482px $color-particle-2, 1249px 784px $color-particle-2, 731px 1428px $color-particle-2, 985px 352px $color-particle-2, 1244px 1775px $color-particle-2, 1690px 1877px $color-particle-2, 1919px 572px $color-particle-2, 1403px 715px $color-particle-2, 674px 1518px $color-particle-2, 528px 418px $color-particle-2, 1714px 464px $color-particle-2;
  @include particles(200);
  height: 2px;
  width: 2px;
}

.particle-2:after {
  // 200 times random box-shadow coordinates
  // box-shadow: 186px 967px $color-particle-2, 358px 826px $color-particle-2, 1637px 1890px $color-particle-2, 1599px 1491px $color-particle-2, 912px 1632px $color-particle-2, 1546px 1204px $color-particle-2, 38px 611px $color-particle-2, 1083px 1383px $color-particle-2, 809px 564px $color-particle-2, 1194px 834px $color-particle-2, 813px 170px $color-particle-2, 384px 1294px $color-particle-2, 688px 272px $color-particle-2, 1755px 297px $color-particle-2, 1019px 556px $color-particle-2, 1457px 1243px $color-particle-2, 1417px 379px $color-particle-2, 204px 1433px $color-particle-2, 90px 1109px $color-particle-2, 1593px 23px $color-particle-2, 65px 1168px $color-particle-2, 1818px 276px $color-particle-2, 1396px 178px $color-particle-2, 1717px 1143px $color-particle-2, 1826px 71px $color-particle-2, 1214px 1865px $color-particle-2, 551px 1734px $color-particle-2, 431px 1406px $color-particle-2, 472px 481px $color-particle-2, 1128px 31px $color-particle-2, 452px 886px $color-particle-2, 152px 3px $color-particle-2, 1660px 657px $color-particle-2, 1613px 1626px $color-particle-2, 784px 396px $color-particle-2, 1726px 784px $color-particle-2, 52px 1114px $color-particle-2, 484px 697px $color-particle-2, 757px 1353px $color-particle-2, 1745px 1064px $color-particle-2, 1190px 1349px $color-particle-2, 152px 75px $color-particle-2, 892px 126px $color-particle-2, 1915px 1254px $color-particle-2, 1115px 1542px $color-particle-2, 702px 1069px $color-particle-2, 1790px 303px $color-particle-2, 998px 1250px $color-particle-2, 1489px 109px $color-particle-2, 1134px 855px $color-particle-2, 1518px 1316px $color-particle-2, 826px 1262px $color-particle-2, 104px 434px $color-particle-2, 1874px 1251px $color-particle-2, 1200px 90px $color-particle-2, 1915px 1305px $color-particle-2, 116px 558px $color-particle-2, 1766px 757px $color-particle-2, 1800px 1468px $color-particle-2, 713px 31px $color-particle-2, 1567px 364px $color-particle-2, 318px 1570px $color-particle-2, 216px 671px $color-particle-2, 263px 775px $color-particle-2, 1823px 680px $color-particle-2, 743px 1545px $color-particle-2, 1051px 411px $color-particle-2, 407px 383px $color-particle-2, 1097px 1569px $color-particle-2, 852px 773px $color-particle-2, 1786px 1338px $color-particle-2, 365px 205px $color-particle-2, 1873px 1142px $color-particle-2, 1069px 1511px $color-particle-2, 53px 1902px $color-particle-2, 1198px 452px $color-particle-2, 1373px 699px $color-particle-2, 1717px 779px $color-particle-2, 202px 753px $color-particle-2, 207px 1827px $color-particle-2, 1774px 1330px $color-particle-2, 1536px 452px $color-particle-2, 17px 117px $color-particle-2, 1035px 1559px $color-particle-2, 1085px 191px $color-particle-2, 1851px 833px $color-particle-2, 727px 319px $color-particle-2, 1236px 110px $color-particle-2, 995px 689px $color-particle-2, 1626px 1429px $color-particle-2, 322px 1425px $color-particle-2, 1719px 1574px $color-particle-2, 1419px 19px $color-particle-2, 1328px 856px $color-particle-2, 1570px 1307px $color-particle-2, 1500px 1031px $color-particle-2, 119px 137px $color-particle-2, 466px 468px $color-particle-2, 1304px 1626px $color-particle-2, 1236px 383px $color-particle-2, 158px 230px $color-particle-2, 251px 1628px $color-particle-2, 1695px 716px $color-particle-2, 1119px 1801px $color-particle-2, 834px 1850px $color-particle-2, 663px 745px $color-particle-2, 1148px 800px $color-particle-2, 313px 1297px $color-particle-2, 742px 1001px $color-particle-2, 1384px 775px $color-particle-2, 558px 525px $color-particle-2, 540px 446px $color-particle-2, 1014px 135px $color-particle-2, 701px 121px $color-particle-2, 996px 579px $color-particle-2, 1864px 1754px $color-particle-2, 1907px 1658px $color-particle-2, 588px 545px $color-particle-2, 1689px 503px $color-particle-2, 658px 1803px $color-particle-2, 984px 1653px $color-particle-2, 208px 193px $color-particle-2, 747px 876px $color-particle-2, 85px 769px $color-particle-2, 50px 262px $color-particle-2, 477px 1178px $color-particle-2, 868px 885px $color-particle-2, 787px 1002px $color-particle-2, 225px 1151px $color-particle-2, 1340px 736px $color-particle-2, 1574px 229px $color-particle-2, 304px 20px $color-particle-2, 1035px 1884px $color-particle-2, 1742px 1577px $color-particle-2, 1574px 1572px $color-particle-2, 413px 57px $color-particle-2, 138px 1041px $color-particle-2, 759px 708px $color-particle-2, 1490px 1462px $color-particle-2, 986px 1130px $color-particle-2, 145px 634px $color-particle-2, 1791px 1881px $color-particle-2, 621px 1577px $color-particle-2, 1890px 886px $color-particle-2, 65px 142px $color-particle-2, 740px 463px $color-particle-2, 1151px 353px $color-particle-2, 1380px 1165px $color-particle-2, 177px 748px $color-particle-2, 1910px 1140px $color-particle-2, 307px 1304px $color-particle-2, 674px 991px $color-particle-2, 1755px 1887px $color-particle-2, 1559px 21px $color-particle-2, 1421px 227px $color-particle-2, 973px 1357px $color-particle-2, 862px 1219px $color-particle-2, 1123px 1001px $color-particle-2, 808px 696px $color-particle-2, 394px 628px $color-particle-2, 1537px 104px $color-particle-2, 1907px 1446px $color-particle-2, 742px 508px $color-particle-2, 1168px 1190px $color-particle-2, 1464px 1652px $color-particle-2, 492px 1178px $color-particle-2, 58px 1256px $color-particle-2, 1544px 196px $color-particle-2, 769px 423px $color-particle-2, 1808px 1448px $color-particle-2, 864px 685px $color-particle-2, 1299px 62px $color-particle-2, 1770px 695px $color-particle-2, 364px 945px $color-particle-2, 1890px 477px $color-particle-2, 1423px 1879px $color-particle-2, 1763px 302px $color-particle-2, 692px 929px $color-particle-2, 1559px 290px $color-particle-2, 927px 1172px $color-particle-2, 1799px 1855px $color-particle-2, 678px 1308px $color-particle-2, 913px 943px $color-particle-2, 291px 1494px $color-particle-2, 563px 826px $color-particle-2, 1748px 1674px $color-particle-2, 1596px 1387px $color-particle-2, 296px 801px $color-particle-2, 1844px 656px $color-particle-2, 1629px 482px $color-particle-2, 1249px 784px $color-particle-2, 731px 1428px $color-particle-2, 985px 352px $color-particle-2, 1244px 1775px $color-particle-2, 1690px 1877px $color-particle-2, 1919px 572px $color-particle-2, 1403px 715px $color-particle-2, 674px 1518px $color-particle-2, 528px 418px $color-particle-2, 1714px 464px $color-particle-2;
  @include particles(200);
  height: 2px;
  width: 2px;
}

.particle-3 {
  animation: animParticle $time-3 linear infinite;
  // 100 times random box-shadow coordinates
  // box-shadow: 823px 578px $color-particle-3, 848px 1475px $color-particle-3, 1260px 1888px $color-particle-3, 1819px 755px $color-particle-3, 48px 484px $color-particle-3, 281px 1041px $color-particle-3, 1278px 451px $color-particle-3, 131px 1515px $color-particle-3, 1787px 623px $color-particle-3, 752px 1109px $color-particle-3, 1593px 139px $color-particle-3, 1335px 1901px $color-particle-3, 1516px 1514px $color-particle-3, 484px 613px $color-particle-3, 1113px 1152px $color-particle-3, 1270px 1561px $color-particle-3, 1182px 404px $color-particle-3, 1727px 304px $color-particle-3, 599px 813px $color-particle-3, 818px 1462px $color-particle-3, 873px 1084px $color-particle-3, 1289px 360px $color-particle-3, 1862px 757px $color-particle-3, 1790px 1055px $color-particle-3, 1137px 1899px $color-particle-3, 1155px 1309px $color-particle-3, 50px 1116px $color-particle-3, 1389px 1269px $color-particle-3, 265px 297px $color-particle-3, 1910px 1461px $color-particle-3, 673px 1380px $color-particle-3, 562px 1756px $color-particle-3, 242px 549px $color-particle-3, 1004px 665px $color-particle-3, 1155px 51px $color-particle-3, 964px 796px $color-particle-3, 352px 510px $color-particle-3, 370px 750px $color-particle-3, 199px 1878px $color-particle-3, 1569px 748px $color-particle-3, 193px 274px $color-particle-3, 154px 1354px $color-particle-3, 1020px 247px $color-particle-3, 1251px 678px $color-particle-3, 712px 1841px $color-particle-3, 1435px 1419px $color-particle-3, 245px 1293px $color-particle-3, 1001px 251px $color-particle-3, 1457px 189px $color-particle-3, 66px 671px $color-particle-3, 1391px 622px $color-particle-3, 102px 937px $color-particle-3, 697px 64px $color-particle-3, 1782px 1134px $color-particle-3, 1796px 234px $color-particle-3, 358px 1263px $color-particle-3, 668px 1467px $color-particle-3, 1356px 1229px $color-particle-3, 82px 644px $color-particle-3, 44px 880px $color-particle-3, 1456px 258px $color-particle-3, 701px 568px $color-particle-3, 724px 655px $color-particle-3, 863px 1498px $color-particle-3, 1595px 777px $color-particle-3, 1820px 99px $color-particle-3, 1372px 1891px $color-particle-3, 441px 598px $color-particle-3, 741px 442px $color-particle-3, 1646px 1227px $color-particle-3, 351px 1503px $color-particle-3, 578px 292px $color-particle-3, 481px 1182px $color-particle-3, 1210px 1837px $color-particle-3, 855px 1511px $color-particle-3, 911px 545px $color-particle-3, 131px 888px $color-particle-3, 257px 1274px $color-particle-3, 242px 1704px $color-particle-3, 225px 721px $color-particle-3, 1158px 384px $color-particle-3, 1847px 644px $color-particle-3, 414px 686px $color-particle-3, 1153px 1621px $color-particle-3, 600px 627px $color-particle-3, 634px 1435px $color-particle-3, 1823px 1155px $color-particle-3, 1140px 1324px $color-particle-3, 1265px 1912px $color-particle-3, 419px 887px $color-particle-3, 21px 446px $color-particle-3, 676px 104px $color-particle-3, 126px 949px $color-particle-3, 1689px 1232px $color-particle-3, 1597px 1891px $color-particle-3, 1901px 811px $color-particle-3, 542px 277px $color-particle-3, 703px 1573px $color-particle-3, 481px 421px $color-particle-3, 913px 295px $color-particle-3;
  @include particles(100);
  height: 3px;
  width: 3px;
}

.particle-3:after {
  // 100 times random box-shadow coordinates
  // box-shadow: 823px 578px $color-particle-3, 848px 1475px $color-particle-3, 1260px 1888px $color-particle-3, 1819px 755px $color-particle-3, 48px 484px $color-particle-3, 281px 1041px $color-particle-3, 1278px 451px $color-particle-3, 131px 1515px $color-particle-3, 1787px 623px $color-particle-3, 752px 1109px $color-particle-3, 1593px 139px $color-particle-3, 1335px 1901px $color-particle-3, 1516px 1514px $color-particle-3, 484px 613px $color-particle-3, 1113px 1152px $color-particle-3, 1270px 1561px $color-particle-3, 1182px 404px $color-particle-3, 1727px 304px $color-particle-3, 599px 813px $color-particle-3, 818px 1462px $color-particle-3, 873px 1084px $color-particle-3, 1289px 360px $color-particle-3, 1862px 757px $color-particle-3, 1790px 1055px $color-particle-3, 1137px 1899px $color-particle-3, 1155px 1309px $color-particle-3, 50px 1116px $color-particle-3, 1389px 1269px $color-particle-3, 265px 297px $color-particle-3, 1910px 1461px $color-particle-3, 673px 1380px $color-particle-3, 562px 1756px $color-particle-3, 242px 549px $color-particle-3, 1004px 665px $color-particle-3, 1155px 51px $color-particle-3, 964px 796px $color-particle-3, 352px 510px $color-particle-3, 370px 750px $color-particle-3, 199px 1878px $color-particle-3, 1569px 748px $color-particle-3, 193px 274px $color-particle-3, 154px 1354px $color-particle-3, 1020px 247px $color-particle-3, 1251px 678px $color-particle-3, 712px 1841px $color-particle-3, 1435px 1419px $color-particle-3, 245px 1293px $color-particle-3, 1001px 251px $color-particle-3, 1457px 189px $color-particle-3, 66px 671px $color-particle-3, 1391px 622px $color-particle-3, 102px 937px $color-particle-3, 697px 64px $color-particle-3, 1782px 1134px $color-particle-3, 1796px 234px $color-particle-3, 358px 1263px $color-particle-3, 668px 1467px $color-particle-3, 1356px 1229px $color-particle-3, 82px 644px $color-particle-3, 44px 880px $color-particle-3, 1456px 258px $color-particle-3, 701px 568px $color-particle-3, 724px 655px $color-particle-3, 863px 1498px $color-particle-3, 1595px 777px $color-particle-3, 1820px 99px $color-particle-3, 1372px 1891px $color-particle-3, 441px 598px $color-particle-3, 741px 442px $color-particle-3, 1646px 1227px $color-particle-3, 351px 1503px $color-particle-3, 578px 292px $color-particle-3, 481px 1182px $color-particle-3, 1210px 1837px $color-particle-3, 855px 1511px $color-particle-3, 911px 545px $color-particle-3, 131px 888px $color-particle-3, 257px 1274px $color-particle-3, 242px 1704px $color-particle-3, 225px 721px $color-particle-3, 1158px 384px $color-particle-3, 1847px 644px $color-particle-3, 414px 686px $color-particle-3, 1153px 1621px $color-particle-3, 600px 627px $color-particle-3, 634px 1435px $color-particle-3, 1823px 1155px $color-particle-3, 1140px 1324px $color-particle-3, 1265px 1912px $color-particle-3, 419px 887px $color-particle-3, 21px 446px $color-particle-3, 676px 104px $color-particle-3, 126px 949px $color-particle-3, 1689px 1232px $color-particle-3, 1597px 1891px $color-particle-3, 1901px 811px $color-particle-3, 542px 277px $color-particle-3, 703px 1573px $color-particle-3, 481px 421px $color-particle-3, 913px 295px $color-particle-3;
  @include particles(100);
  height: 3px;
  width: 3px;
}

.particle-4 {
  animation: animParticle $time-4 linear infinite;
  // 400 times random box-shadow coordinates
  // box-shadow: 272px 1252px $color-particle-4, 1091px 98px $color-particle-4, 1014px 936px $color-particle-4, 1521px 1289px $color-particle-4, 1748px 870px $color-particle-4, 427px 1825px $color-particle-4, 1203px 1400px $color-particle-4, 1727px 888px $color-particle-4, 1481px 1417px $color-particle-4, 120px 836px $color-particle-4, 102px 1023px $color-particle-4, 1336px 67px $color-particle-4, 1082px 398px $color-particle-4, 1015px 1850px $color-particle-4, 328px 801px $color-particle-4, 1790px 661px $color-particle-4, 533px 689px $color-particle-4, 987px 1838px $color-particle-4, 1541px 270px $color-particle-4, 1675px 1531px $color-particle-4, 79px 1323px $color-particle-4, 621px 733px $color-particle-4, 1449px 1652px $color-particle-4, 405px 94px $color-particle-4, 835px 935px $color-particle-4, 1334px 728px $color-particle-4, 1702px 1379px $color-particle-4, 592px 1882px $color-particle-4, 717px 1873px $color-particle-4, 209px 345px $color-particle-4, 147px 916px $color-particle-4, 445px 1723px $color-particle-4, 852px 936px $color-particle-4, 1493px 1607px $color-particle-4, 1427px 1345px $color-particle-4, 178px 927px $color-particle-4, 101px 1796px $color-particle-4, 552px 1430px $color-particle-4, 326px 956px $color-particle-4, 1517px 769px $color-particle-4, 637px 1185px $color-particle-4, 1641px 1552px $color-particle-4, 1186px 609px $color-particle-4, 410px 1256px $color-particle-4, 748px 77px $color-particle-4, 1547px 1749px $color-particle-4, 1029px 1550px $color-particle-4, 880px 793px $color-particle-4, 721px 1121px $color-particle-4, 1772px 1369px $color-particle-4, 1435px 36px $color-particle-4, 148px 498px $color-particle-4, 1636px 1264px $color-particle-4, 1399px 1693px $color-particle-4, 526px 215px $color-particle-4, 1184px 1919px $color-particle-4, 638px 925px $color-particle-4, 1084px 396px $color-particle-4, 1266px 1874px $color-particle-4, 1638px 1160px $color-particle-4, 1339px 1281px $color-particle-4, 328px 1240px $color-particle-4, 756px 1153px $color-particle-4, 396px 1325px $color-particle-4, 1442px 1372px $color-particle-4, 1554px 1196px $color-particle-4, 1495px 1661px $color-particle-4, 881px 761px $color-particle-4, 1561px 1610px $color-particle-4, 1619px 455px $color-particle-4, 791px 93px $color-particle-4, 263px 1570px $color-particle-4, 1157px 703px $color-particle-4, 1234px 656px $color-particle-4, 403px 1590px $color-particle-4, 1719px 698px $color-particle-4, 1832px 1356px $color-particle-4, 1065px 993px $color-particle-4, 680px 141px $color-particle-4, 831px 880px $color-particle-4, 503px 703px $color-particle-4, 610px 1286px $color-particle-4, 1800px 176px $color-particle-4, 1826px 189px $color-particle-4, 295px 795px $color-particle-4, 1833px 1025px $color-particle-4, 1841px 463px $color-particle-4, 1231px 1760px $color-particle-4, 1234px 932px $color-particle-4, 693px 173px $color-particle-4, 1752px 176px $color-particle-4, 708px 972px $color-particle-4, 424px 1722px $color-particle-4, 664px 1337px $color-particle-4, 1856px 1810px $color-particle-4, 1536px 1659px $color-particle-4, 847px 824px $color-particle-4, 1533px 539px $color-particle-4, 170px 1447px $color-particle-4, 495px 442px $color-particle-4, 1436px 688px $color-particle-4, 1423px 346px $color-particle-4, 442px 249px $color-particle-4, 1627px 1370px $color-particle-4, 192px 1739px $color-particle-4, 984px 1664px $color-particle-4, 341px 129px $color-particle-4, 1140px 1156px $color-particle-4, 44px 725px $color-particle-4, 1520px 1408px $color-particle-4, 999px 1390px $color-particle-4, 1259px 1132px $color-particle-4, 678px 748px $color-particle-4, 1880px 1360px $color-particle-4, 423px 1681px $color-particle-4, 1752px 722px $color-particle-4, 444px 375px $color-particle-4, 1016px 1322px $color-particle-4, 1531px 1870px $color-particle-4, 367px 874px $color-particle-4, 555px 481px $color-particle-4, 1836px 1611px $color-particle-4, 1773px 664px $color-particle-4, 847px 877px $color-particle-4, 575px 50px $color-particle-4, 1050px 105px $color-particle-4, 387px 1850px $color-particle-4, 738px 1307px $color-particle-4, 173px 265px $color-particle-4, 1568px 730px $color-particle-4, 235px 1638px $color-particle-4, 713px 1464px $color-particle-4, 458px 652px $color-particle-4, 536px 212px $color-particle-4, 556px 691px $color-particle-4, 315px 393px $color-particle-4, 1602px 1181px $color-particle-4, 190px 1803px $color-particle-4, 1656px 1133px $color-particle-4, 635px 325px $color-particle-4, 727px 1053px $color-particle-4, 1912px 852px $color-particle-4, 244px 1411px $color-particle-4, 1776px 18px $color-particle-4, 1694px 1617px $color-particle-4, 274px 942px $color-particle-4, 1148px 589px $color-particle-4, 632px 1487px $color-particle-4, 1215px 811px $color-particle-4, 109px 772px $color-particle-4, 640px 287px $color-particle-4, 1247px 484px $color-particle-4, 385px 1088px $color-particle-4, 994px 980px $color-particle-4, 558px 1754px $color-particle-4, 675px 322px $color-particle-4, 1168px 286px $color-particle-4, 747px 1259px $color-particle-4, 717px 1768px $color-particle-4, 192px 1222px $color-particle-4, 1149px 1552px $color-particle-4, 1252px 1800px $color-particle-4, 31px 1489px $color-particle-4, 1164px 1147px $color-particle-4, 1395px 1654px $color-particle-4, 229px 1832px $color-particle-4, 1117px 1708px $color-particle-4, 502px 35px $color-particle-4, 377px 1575px $color-particle-4, 27px 1256px $color-particle-4, 1187px 1185px $color-particle-4, 940px 659px $color-particle-4, 455px 745px $color-particle-4, 1238px 1154px $color-particle-4, 512px 1895px $color-particle-4, 932px 1559px $color-particle-4, 856px 1837px $color-particle-4, 667px 767px $color-particle-4, 1772px 861px $color-particle-4, 283px 1862px $color-particle-4, 934px 1234px $color-particle-4, 1722px 1193px $color-particle-4, 1414px 904px $color-particle-4, 41px 1512px $color-particle-4, 30px 329px $color-particle-4, 978px 1597px $color-particle-4, 1513px 1781px $color-particle-4, 1847px 718px $color-particle-4, 1381px 30px $color-particle-4, 1912px 78px $color-particle-4, 183px 391px $color-particle-4, 479px 632px $color-particle-4, 1770px 246px $color-particle-4, 1704px 1575px $color-particle-4, 1284px 1139px $color-particle-4, 1898px 349px $color-particle-4, 1623px 1802px $color-particle-4, 554px 483px $color-particle-4, 1128px 231px $color-particle-4, 1663px 1498px $color-particle-4, 1429px 1612px $color-particle-4, 793px 741px $color-particle-4, 1628px 600px $color-particle-4, 1798px 1100px $color-particle-4, 1641px 222px $color-particle-4, 1688px 1185px $color-particle-4, 528px 730px $color-particle-4, 1129px 1726px $color-particle-4, 738px 1404px $color-particle-4, 426px 701px $color-particle-4, 1021px 1675px $color-particle-4, 908px 414px $color-particle-4, 474px 1703px $color-particle-4, 446px 1279px $color-particle-4, 448px 1560px $color-particle-4, 1165px 1287px $color-particle-4, 1378px 1384px $color-particle-4, 1891px 1163px $color-particle-4, 1202px 1530px $color-particle-4, 292px 1440px $color-particle-4, 1051px 634px $color-particle-4, 362px 782px $color-particle-4, 1263px 145px $color-particle-4, 1718px 21px $color-particle-4, 1752px 1253px $color-particle-4, 318px 1525px $color-particle-4, 458px 1263px $color-particle-4, 703px 1572px $color-particle-4, 173px 1470px $color-particle-4, 613px 1728px $color-particle-4, 1188px 1298px $color-particle-4, 548px 1456px $color-particle-4, 274px 1148px $color-particle-4, 1636px 832px $color-particle-4, 1120px 1016px $color-particle-4, 410px 888px $color-particle-4, 956px 1512px $color-particle-4, 536px 1664px $color-particle-4, 214px 1643px $color-particle-4, 194px 912px $color-particle-4, 831px 1699px $color-particle-4, 668px 1531px $color-particle-4, 1053px 1104px $color-particle-4, 302px 302px $color-particle-4, 359px 605px $color-particle-4, 194px 1773px $color-particle-4, 994px 1387px $color-particle-4, 638px 1546px $color-particle-4, 187px 1828px $color-particle-4, 1708px 1901px $color-particle-4, 1359px 796px $color-particle-4, 1802px 888px $color-particle-4, 1417px 1603px $color-particle-4, 116px 977px $color-particle-4, 1656px 1205px $color-particle-4, 185px 126px $color-particle-4, 270px 1232px $color-particle-4, 1328px 1050px $color-particle-4, 1591px 1363px $color-particle-4, 423px 1726px $color-particle-4, 341px 1171px $color-particle-4, 1062px 1085px $color-particle-4, 277px 642px $color-particle-4, 1653px 1632px $color-particle-4, 845px 469px $color-particle-4, 1227px 412px $color-particle-4, 1601px 1139px $color-particle-4, 1506px 220px $color-particle-4, 1696px 1120px $color-particle-4, 663px 624px $color-particle-4, 241px 1289px $color-particle-4, 312px 1875px $color-particle-4, 653px 952px $color-particle-4, 835px 1103px $color-particle-4, 1024px 411px $color-particle-4, 1196px 502px $color-particle-4, 1879px 1560px $color-particle-4, 1150px 701px $color-particle-4, 172px 614px $color-particle-4, 1263px 1818px $color-particle-4, 437px 654px $color-particle-4, 300px 555px $color-particle-4, 1803px 650px $color-particle-4, 752px 1507px $color-particle-4, 1346px 1139px $color-particle-4, 492px 1576px $color-particle-4, 363px 1299px $color-particle-4, 1414px 1074px $color-particle-4, 724px 1334px $color-particle-4, 1618px 400px $color-particle-4, 144px 1593px $color-particle-4, 546px 289px $color-particle-4, 91px 1289px $color-particle-4, 82px 3px $color-particle-4, 1130px 1352px $color-particle-4, 511px 558px $color-particle-4, 443px 1648px $color-particle-4, 556px 1815px $color-particle-4, 16px 921px $color-particle-4, 1248px 863px $color-particle-4, 1517px 1022px $color-particle-4, 849px 1602px $color-particle-4, 844px 740px $color-particle-4, 1694px 775px $color-particle-4, 1155px 180px $color-particle-4, 411px 1376px $color-particle-4, 547px 1293px $color-particle-4, 772px 1274px $color-particle-4, 746px 887px $color-particle-4, 1217px 1660px $color-particle-4, 294px 1486px $color-particle-4, 1697px 1279px $color-particle-4, 401px 1743px $color-particle-4, 443px 1254px $color-particle-4, 1674px 465px $color-particle-4, 1150px 1505px $color-particle-4, 366px 1186px $color-particle-4, 1881px 471px $color-particle-4, 1514px 702px $color-particle-4, 135px 533px $color-particle-4, 603px 1602px $color-particle-4, 1568px 1395px $color-particle-4, 229px 1749px $color-particle-4, 1516px 1639px $color-particle-4, 1145px 455px $color-particle-4, 128px 1548px $color-particle-4, 1519px 1681px $color-particle-4, 554px 457px $color-particle-4, 422px 190px $color-particle-4, 1539px 1224px $color-particle-4, 854px 452px $color-particle-4, 97px 155px $color-particle-4, 944px 555px $color-particle-4, 1638px 169px $color-particle-4, 873px 1118px $color-particle-4, 480px 1856px $color-particle-4, 1370px 1376px $color-particle-4, 1163px 1483px $color-particle-4, 475px 236px $color-particle-4, 413px 123px $color-particle-4, 614px 248px $color-particle-4, 1092px 236px $color-particle-4, 850px 1827px $color-particle-4, 57px 1823px $color-particle-4, 1824px 1234px $color-particle-4, 1914px 808px $color-particle-4, 1523px 313px $color-particle-4, 322px 1550px $color-particle-4, 1474px 1565px $color-particle-4, 1583px 1718px $color-particle-4, 859px 1198px $color-particle-4, 214px 1467px $color-particle-4, 1694px 728px $color-particle-4, 28px 1770px $color-particle-4, 543px 954px $color-particle-4, 1726px 182px $color-particle-4, 1196px 1873px $color-particle-4, 432px 1454px $color-particle-4, 619px 1173px $color-particle-4, 501px 1340px $color-particle-4, 1454px 460px $color-particle-4, 1572px 1698px $color-particle-4, 1793px 1642px $color-particle-4, 1791px 1747px $color-particle-4, 1704px 1530px $color-particle-4, 135px 1295px $color-particle-4, 657px 1115px $color-particle-4, 756px 1271px $color-particle-4, 865px 702px $color-particle-4, 1900px 1602px $color-particle-4, 962px 70px $color-particle-4, 1344px 1128px $color-particle-4, 866px 140px $color-particle-4, 1570px 616px $color-particle-4, 1779px 669px $color-particle-4, 473px 1566px $color-particle-4, 1208px 1791px $color-particle-4, 845px 338px $color-particle-4, 685px 1528px $color-particle-4, 722px 372px $color-particle-4, 369px 1080px $color-particle-4, 1174px 20px $color-particle-4, 1700px 1892px $color-particle-4, 881px 860px $color-particle-4, 1290px 141px $color-particle-4, 1603px 1884px $color-particle-4, 913px 1827px $color-particle-4, 669px 551px $color-particle-4, 1440px 1163px $color-particle-4, 22px 1269px $color-particle-4, 1692px 824px $color-particle-4, 1301px 755px $color-particle-4, 1466px 1130px $color-particle-4, 1910px 1741px $color-particle-4, 1779px 1321px $color-particle-4, 1211px 217px $color-particle-4, 1568px 70px $color-particle-4, 31px 558px $color-particle-4, 1631px 1659px $color-particle-4, 545px 496px $color-particle-4;
  @include particles(400);
  height: 1px;
  width: 1px;
}

.particle-4:after {
  // 400 times random box-shadow coordinates
  // box-shadow: 272px 1252px $color-particle-4, 1091px 98px $color-particle-4, 1014px 936px $color-particle-4, 1521px 1289px $color-particle-4, 1748px 870px $color-particle-4, 427px 1825px $color-particle-4, 1203px 1400px $color-particle-4, 1727px 888px $color-particle-4, 1481px 1417px $color-particle-4, 120px 836px $color-particle-4, 102px 1023px $color-particle-4, 1336px 67px $color-particle-4, 1082px 398px $color-particle-4, 1015px 1850px $color-particle-4, 328px 801px $color-particle-4, 1790px 661px $color-particle-4, 533px 689px $color-particle-4, 987px 1838px $color-particle-4, 1541px 270px $color-particle-4, 1675px 1531px $color-particle-4, 79px 1323px $color-particle-4, 621px 733px $color-particle-4, 1449px 1652px $color-particle-4, 405px 94px $color-particle-4, 835px 935px $color-particle-4, 1334px 728px $color-particle-4, 1702px 1379px $color-particle-4, 592px 1882px $color-particle-4, 717px 1873px $color-particle-4, 209px 345px $color-particle-4, 147px 916px $color-particle-4, 445px 1723px $color-particle-4, 852px 936px $color-particle-4, 1493px 1607px $color-particle-4, 1427px 1345px $color-particle-4, 178px 927px $color-particle-4, 101px 1796px $color-particle-4, 552px 1430px $color-particle-4, 326px 956px $color-particle-4, 1517px 769px $color-particle-4, 637px 1185px $color-particle-4, 1641px 1552px $color-particle-4, 1186px 609px $color-particle-4, 410px 1256px $color-particle-4, 748px 77px $color-particle-4, 1547px 1749px $color-particle-4, 1029px 1550px $color-particle-4, 880px 793px $color-particle-4, 721px 1121px $color-particle-4, 1772px 1369px $color-particle-4, 1435px 36px $color-particle-4, 148px 498px $color-particle-4, 1636px 1264px $color-particle-4, 1399px 1693px $color-particle-4, 526px 215px $color-particle-4, 1184px 1919px $color-particle-4, 638px 925px $color-particle-4, 1084px 396px $color-particle-4, 1266px 1874px $color-particle-4, 1638px 1160px $color-particle-4, 1339px 1281px $color-particle-4, 328px 1240px $color-particle-4, 756px 1153px $color-particle-4, 396px 1325px $color-particle-4, 1442px 1372px $color-particle-4, 1554px 1196px $color-particle-4, 1495px 1661px $color-particle-4, 881px 761px $color-particle-4, 1561px 1610px $color-particle-4, 1619px 455px $color-particle-4, 791px 93px $color-particle-4, 263px 1570px $color-particle-4, 1157px 703px $color-particle-4, 1234px 656px $color-particle-4, 403px 1590px $color-particle-4, 1719px 698px $color-particle-4, 1832px 1356px $color-particle-4, 1065px 993px $color-particle-4, 680px 141px $color-particle-4, 831px 880px $color-particle-4, 503px 703px $color-particle-4, 610px 1286px $color-particle-4, 1800px 176px $color-particle-4, 1826px 189px $color-particle-4, 295px 795px $color-particle-4, 1833px 1025px $color-particle-4, 1841px 463px $color-particle-4, 1231px 1760px $color-particle-4, 1234px 932px $color-particle-4, 693px 173px $color-particle-4, 1752px 176px $color-particle-4, 708px 972px $color-particle-4, 424px 1722px $color-particle-4, 664px 1337px $color-particle-4, 1856px 1810px $color-particle-4, 1536px 1659px $color-particle-4, 847px 824px $color-particle-4, 1533px 539px $color-particle-4, 170px 1447px $color-particle-4, 495px 442px $color-particle-4, 1436px 688px $color-particle-4, 1423px 346px $color-particle-4, 442px 249px $color-particle-4, 1627px 1370px $color-particle-4, 192px 1739px $color-particle-4, 984px 1664px $color-particle-4, 341px 129px $color-particle-4, 1140px 1156px $color-particle-4, 44px 725px $color-particle-4, 1520px 1408px $color-particle-4, 999px 1390px $color-particle-4, 1259px 1132px $color-particle-4, 678px 748px $color-particle-4, 1880px 1360px $color-particle-4, 423px 1681px $color-particle-4, 1752px 722px $color-particle-4, 444px 375px $color-particle-4, 1016px 1322px $color-particle-4, 1531px 1870px $color-particle-4, 367px 874px $color-particle-4, 555px 481px $color-particle-4, 1836px 1611px $color-particle-4, 1773px 664px $color-particle-4, 847px 877px $color-particle-4, 575px 50px $color-particle-4, 1050px 105px $color-particle-4, 387px 1850px $color-particle-4, 738px 1307px $color-particle-4, 173px 265px $color-particle-4, 1568px 730px $color-particle-4, 235px 1638px $color-particle-4, 713px 1464px $color-particle-4, 458px 652px $color-particle-4, 536px 212px $color-particle-4, 556px 691px $color-particle-4, 315px 393px $color-particle-4, 1602px 1181px $color-particle-4, 190px 1803px $color-particle-4, 1656px 1133px $color-particle-4, 635px 325px $color-particle-4, 727px 1053px $color-particle-4, 1912px 852px $color-particle-4, 244px 1411px $color-particle-4, 1776px 18px $color-particle-4, 1694px 1617px $color-particle-4, 274px 942px $color-particle-4, 1148px 589px $color-particle-4, 632px 1487px $color-particle-4, 1215px 811px $color-particle-4, 109px 772px $color-particle-4, 640px 287px $color-particle-4, 1247px 484px $color-particle-4, 385px 1088px $color-particle-4, 994px 980px $color-particle-4, 558px 1754px $color-particle-4, 675px 322px $color-particle-4, 1168px 286px $color-particle-4, 747px 1259px $color-particle-4, 717px 1768px $color-particle-4, 192px 1222px $color-particle-4, 1149px 1552px $color-particle-4, 1252px 1800px $color-particle-4, 31px 1489px $color-particle-4, 1164px 1147px $color-particle-4, 1395px 1654px $color-particle-4, 229px 1832px $color-particle-4, 1117px 1708px $color-particle-4, 502px 35px $color-particle-4, 377px 1575px $color-particle-4, 27px 1256px $color-particle-4, 1187px 1185px $color-particle-4, 940px 659px $color-particle-4, 455px 745px $color-particle-4, 1238px 1154px $color-particle-4, 512px 1895px $color-particle-4, 932px 1559px $color-particle-4, 856px 1837px $color-particle-4, 667px 767px $color-particle-4, 1772px 861px $color-particle-4, 283px 1862px $color-particle-4, 934px 1234px $color-particle-4, 1722px 1193px $color-particle-4, 1414px 904px $color-particle-4, 41px 1512px $color-particle-4, 30px 329px $color-particle-4, 978px 1597px $color-particle-4, 1513px 1781px $color-particle-4, 1847px 718px $color-particle-4, 1381px 30px $color-particle-4, 1912px 78px $color-particle-4, 183px 391px $color-particle-4, 479px 632px $color-particle-4, 1770px 246px $color-particle-4, 1704px 1575px $color-particle-4, 1284px 1139px $color-particle-4, 1898px 349px $color-particle-4, 1623px 1802px $color-particle-4, 554px 483px $color-particle-4, 1128px 231px $color-particle-4, 1663px 1498px $color-particle-4, 1429px 1612px $color-particle-4, 793px 741px $color-particle-4, 1628px 600px $color-particle-4, 1798px 1100px $color-particle-4, 1641px 222px $color-particle-4, 1688px 1185px $color-particle-4, 528px 730px $color-particle-4, 1129px 1726px $color-particle-4, 738px 1404px $color-particle-4, 426px 701px $color-particle-4, 1021px 1675px $color-particle-4, 908px 414px $color-particle-4, 474px 1703px $color-particle-4, 446px 1279px $color-particle-4, 448px 1560px $color-particle-4, 1165px 1287px $color-particle-4, 1378px 1384px $color-particle-4, 1891px 1163px $color-particle-4, 1202px 1530px $color-particle-4, 292px 1440px $color-particle-4, 1051px 634px $color-particle-4, 362px 782px $color-particle-4, 1263px 145px $color-particle-4, 1718px 21px $color-particle-4, 1752px 1253px $color-particle-4, 318px 1525px $color-particle-4, 458px 1263px $color-particle-4, 703px 1572px $color-particle-4, 173px 1470px $color-particle-4, 613px 1728px $color-particle-4, 1188px 1298px $color-particle-4, 548px 1456px $color-particle-4, 274px 1148px $color-particle-4, 1636px 832px $color-particle-4, 1120px 1016px $color-particle-4, 410px 888px $color-particle-4, 956px 1512px $color-particle-4, 536px 1664px $color-particle-4, 214px 1643px $color-particle-4, 194px 912px $color-particle-4, 831px 1699px $color-particle-4, 668px 1531px $color-particle-4, 1053px 1104px $color-particle-4, 302px 302px $color-particle-4, 359px 605px $color-particle-4, 194px 1773px $color-particle-4, 994px 1387px $color-particle-4, 638px 1546px $color-particle-4, 187px 1828px $color-particle-4, 1708px 1901px $color-particle-4, 1359px 796px $color-particle-4, 1802px 888px $color-particle-4, 1417px 1603px $color-particle-4, 116px 977px $color-particle-4, 1656px 1205px $color-particle-4, 185px 126px $color-particle-4, 270px 1232px $color-particle-4, 1328px 1050px $color-particle-4, 1591px 1363px $color-particle-4, 423px 1726px $color-particle-4, 341px 1171px $color-particle-4, 1062px 1085px $color-particle-4, 277px 642px $color-particle-4, 1653px 1632px $color-particle-4, 845px 469px $color-particle-4, 1227px 412px $color-particle-4, 1601px 1139px $color-particle-4, 1506px 220px $color-particle-4, 1696px 1120px $color-particle-4, 663px 624px $color-particle-4, 241px 1289px $color-particle-4, 312px 1875px $color-particle-4, 653px 952px $color-particle-4, 835px 1103px $color-particle-4, 1024px 411px $color-particle-4, 1196px 502px $color-particle-4, 1879px 1560px $color-particle-4, 1150px 701px $color-particle-4, 172px 614px $color-particle-4, 1263px 1818px $color-particle-4, 437px 654px $color-particle-4, 300px 555px $color-particle-4, 1803px 650px $color-particle-4, 752px 1507px $color-particle-4, 1346px 1139px $color-particle-4, 492px 1576px $color-particle-4, 363px 1299px $color-particle-4, 1414px 1074px $color-particle-4, 724px 1334px $color-particle-4, 1618px 400px $color-particle-4, 144px 1593px $color-particle-4, 546px 289px $color-particle-4, 91px 1289px $color-particle-4, 82px 3px $color-particle-4, 1130px 1352px $color-particle-4, 511px 558px $color-particle-4, 443px 1648px $color-particle-4, 556px 1815px $color-particle-4, 16px 921px $color-particle-4, 1248px 863px $color-particle-4, 1517px 1022px $color-particle-4, 849px 1602px $color-particle-4, 844px 740px $color-particle-4, 1694px 775px $color-particle-4, 1155px 180px $color-particle-4, 411px 1376px $color-particle-4, 547px 1293px $color-particle-4, 772px 1274px $color-particle-4, 746px 887px $color-particle-4, 1217px 1660px $color-particle-4, 294px 1486px $color-particle-4, 1697px 1279px $color-particle-4, 401px 1743px $color-particle-4, 443px 1254px $color-particle-4, 1674px 465px $color-particle-4, 1150px 1505px $color-particle-4, 366px 1186px $color-particle-4, 1881px 471px $color-particle-4, 1514px 702px $color-particle-4, 135px 533px $color-particle-4, 603px 1602px $color-particle-4, 1568px 1395px $color-particle-4, 229px 1749px $color-particle-4, 1516px 1639px $color-particle-4, 1145px 455px $color-particle-4, 128px 1548px $color-particle-4, 1519px 1681px $color-particle-4, 554px 457px $color-particle-4, 422px 190px $color-particle-4, 1539px 1224px $color-particle-4, 854px 452px $color-particle-4, 97px 155px $color-particle-4, 944px 555px $color-particle-4, 1638px 169px $color-particle-4, 873px 1118px $color-particle-4, 480px 1856px $color-particle-4, 1370px 1376px $color-particle-4, 1163px 1483px $color-particle-4, 475px 236px $color-particle-4, 413px 123px $color-particle-4, 614px 248px $color-particle-4, 1092px 236px $color-particle-4, 850px 1827px $color-particle-4, 57px 1823px $color-particle-4, 1824px 1234px $color-particle-4, 1914px 808px $color-particle-4, 1523px 313px $color-particle-4, 322px 1550px $color-particle-4, 1474px 1565px $color-particle-4, 1583px 1718px $color-particle-4, 859px 1198px $color-particle-4, 214px 1467px $color-particle-4, 1694px 728px $color-particle-4, 28px 1770px $color-particle-4, 543px 954px $color-particle-4, 1726px 182px $color-particle-4, 1196px 1873px $color-particle-4, 432px 1454px $color-particle-4, 619px 1173px $color-particle-4, 501px 1340px $color-particle-4, 1454px 460px $color-particle-4, 1572px 1698px $color-particle-4, 1793px 1642px $color-particle-4, 1791px 1747px $color-particle-4, 1704px 1530px $color-particle-4, 135px 1295px $color-particle-4, 657px 1115px $color-particle-4, 756px 1271px $color-particle-4, 865px 702px $color-particle-4, 1900px 1602px $color-particle-4, 962px 70px $color-particle-4, 1344px 1128px $color-particle-4, 866px 140px $color-particle-4, 1570px 616px $color-particle-4, 1779px 669px $color-particle-4, 473px 1566px $color-particle-4, 1208px 1791px $color-particle-4, 845px 338px $color-particle-4, 685px 1528px $color-particle-4, 722px 372px $color-particle-4, 369px 1080px $color-particle-4, 1174px 20px $color-particle-4, 1700px 1892px $color-particle-4, 881px 860px $color-particle-4, 1290px 141px $color-particle-4, 1603px 1884px $color-particle-4, 913px 1827px $color-particle-4, 669px 551px $color-particle-4, 1440px 1163px $color-particle-4, 22px 1269px $color-particle-4, 1692px 824px $color-particle-4, 1301px 755px $color-particle-4, 1466px 1130px $color-particle-4, 1910px 1741px $color-particle-4, 1779px 1321px $color-particle-4, 1211px 217px $color-particle-4, 1568px 70px $color-particle-4, 31px 558px $color-particle-4, 1631px 1659px $color-particle-4, 545px 496px $color-particle-4;
  @include particles(400);
  height: 1px;
  width: 1px;
}

@keyframes animParticle {
  from { transform: translateY(0px); }
  to   { transform: translateY($spacing * -1); }
}

.page-wrapper {
    text-align: center;
    color: #fff;
    z-index: 2;
}

/**
 * CODEPEN PROMOTION
 * unrelated to particle system
 * pls ignore
 */

.codepen-promo:active, .codepen-promo:hover, .codepen-promo:link, .codepen-promo:visited {
  bottom: 30px;
  display: block;
  position: absolute;
  right: 30px;
  width: 200px;
  z-index: 99;
}
  
.codepen-promo-image {
  width: 100%;
}
            
          
!
            
              /*

Messed around with the Randomize Everything Sublime Text 3 Plugin.
https://packagecontrol.io/packages/Random%20Everything

Probably there's a way to do all that with a fancy mixin instead
of hard-coding the values, but hey.

Feel free to post it in the comments.

EDIT: Thanks to Paul for providing help with his mixin!
      My old CSS has been commented out and left in place
      for historical reasons

*/
            
          
!
999px
Loading ..................

Console