MMM-CSSBackgrounds.css

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

html {
  height: 100%;
  background-color:#090a0f;
 /* for images with gradient overlay use: (adjust the gradient ".08" for lighter use lower i.e: 0.3 / or darker go higher i.e: 0.9) */
 /*
  background: radial-gradient(ellipse at bottom, rgba(17, 29, 43, 0.8), rgba(9, 10, 15, 0.8)), url('path_to_your_image');
  background-repeat:no-repeat;
  background-size:cover;
  */
  background: radial-gradient(ellipse at bottom, rgba(17, 29, 43, 1), rgba(9, 10, 15, 1));
  overflow: hidden;
}
body {
  overflow:hidden;
  margin:0;
  background: transparent;
}
/* Set all colors to be pure white to assist with any color issues */
.dimmed,.normal,.bright, * {color:#fff !IMPORTANT;}
header {border-bottom: 1px solid #ffffff;}

/* 
Floating Particles by Envato Tuts https://codepen.io/tutsplus/pen/MrjYJK
*/ 

html.particles #particle-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

html.particles .particle {
  position: absolute;
  border-radius: 50%;
}

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(79vw, 25vh, 23px);
  }
}
html.particles .particle:nth-child(1) {
  animation: particle-animation-1 60s infinite;
  opacity: 0.11;
  height: 7px;
  width: 7px;
  animation-delay: -0.2s;
  transform: translate3d(63vw, 21vh, 50px);
  background: #d92629;
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(56vw, 13vh, 50px);
  }
}
html.particles .particle:nth-child(2) {
  animation: particle-animation-2 60s infinite;
  opacity: 0.55;
  height: 6px;
  width: 6px;
  animation-delay: -0.4s;
  transform: translate3d(68vw, 56vh, 26px);
  background: #264ad9;
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(80vw, 20vh, 87px);
  }
}
html.particles .particle:nth-child(3) {
  animation: particle-animation-3 60s infinite;
  opacity: 0.79;
  height: 7px;
  width: 7px;
  animation-delay: -0.6s;
  transform: translate3d(69vw, 2vh, 23px);
  background: #d926b8;
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(65vw, 5vh, 96px);
  }
}
html.particles .particle:nth-child(4) {
  animation: particle-animation-4 60s infinite;
  opacity: 0.39;
  height: 6px;
  width: 6px;
  animation-delay: -0.8s;
  transform: translate3d(28vw, 47vh, 27px);
  background: #266bd9;
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(37vw, 54vh, 17px);
  }
}
html.particles .particle:nth-child(5) {
  animation: particle-animation-5 60s infinite;
  opacity: 0.19;
  height: 10px;
  width: 10px;
  animation-delay: -1s;
  transform: translate3d(82vw, 27vh, 58px);
  background: #d926d3;
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(2vw, 2vh, 60px);
  }
}
html.particles .particle:nth-child(6) {
  animation: particle-animation-6 60s infinite;
  opacity: 0.36;
  height: 7px;
  width: 7px;
  animation-delay: -1.2s;
  transform: translate3d(43vw, 69vh, 34px);
  background: #269dd9;
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(52vw, 36vh, 90px);
  }
}
html.particles .particle:nth-child(7) {
  animation: particle-animation-7 60s infinite;
  opacity: 0.09;
  height: 9px;
  width: 9px;
  animation-delay: -1.4s;
  transform: translate3d(27vw, 14vh, 53px);
  background: #26d9a0;
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(14vw, 20vh, 79px);
  }
}
html.particles .particle:nth-child(8) {
  animation: particle-animation-8 60s infinite;
  opacity: 0.3;
  height: 9px;
  width: 9px;
  animation-delay: -1.6s;
  transform: translate3d(78vw, 34vh, 43px);
  background: #264dd9;
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(88vw, 44vh, 7px);
  }
}
html.particles .particle:nth-child(9) {
  animation: particle-animation-9 60s infinite;
  opacity: 0.76;
  height: 8px;
  width: 8px;
  animation-delay: -1.8s;
  transform: translate3d(73vw, 21vh, 71px);
  background: #d93526;
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(30vw, 16vh, 61px);
  }
}
html.particles .particle:nth-child(10) {
  animation: particle-animation-10 60s infinite;
  opacity: 0.31;
  height: 8px;
  width: 8px;
  animation-delay: -2s;
  transform: translate3d(87vw, 33vh, 79px);
  background: #d9262f;
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(15vw, 42vh, 87px);
  }
}
html.particles .particle:nth-child(11) {
  animation: particle-animation-11 60s infinite;
  opacity: 0.25;
  height: 6px;
  width: 6px;
  animation-delay: -2.2s;
  transform: translate3d(52vw, 53vh, 83px);
  background: #74d926;
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(39vw, 39vh, 74px);
  }
}
html.particles .particle:nth-child(12) {
  animation: particle-animation-12 60s infinite;
  opacity: 0.03;
  height: 7px;
  width: 7px;
  animation-delay: -2.4s;
  transform: translate3d(69vw, 33vh, 69px);
  background: #26d9d0;
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(77vw, 77vh, 92px);
  }
}
html.particles .particle:nth-child(13) {
  animation: particle-animation-13 60s infinite;
  opacity: 0.41;
  height: 7px;
  width: 7px;
  animation-delay: -2.6s;
  transform: translate3d(50vw, 46vh, 82px);
  background: #26d97d;
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(88vw, 49vh, 82px);
  }
}
html.particles .particle:nth-child(14) {
  animation: particle-animation-14 60s infinite;
  opacity: 0.28;
  height: 6px;
  width: 6px;
  animation-delay: -2.8s;
  transform: translate3d(53vw, 78vh, 47px);
  background: #26d988;
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(90vw, 1vh, 67px);
  }
}
html.particles .particle:nth-child(15) {
  animation: particle-animation-15 60s infinite;
  opacity: 0.34;
  height: 8px;
  width: 8px;
  animation-delay: -3s;
  transform: translate3d(41vw, 59vh, 51px);
  background: #9126d9;
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(51vw, 47vh, 15px);
  }
}
html.particles .particle:nth-child(16) {
  animation: particle-animation-16 60s infinite;
  opacity: 0.21;
  height: 7px;
  width: 7px;
  animation-delay: -3.2s;
  transform: translate3d(42vw, 29vh, 44px);
  background: #d9263b;
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(8vw, 39vh, 34px);
  }
}
html.particles .particle:nth-child(17) {
  animation: particle-animation-17 60s infinite;
  opacity: 0.55;
  height: 7px;
  width: 7px;
  animation-delay: -3.4s;
  transform: translate3d(42vw, 85vh, 78px);
  background: #26d938;
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(66vw, 28vh, 82px);
  }
}
html.particles .particle:nth-child(18) {
  animation: particle-animation-18 60s infinite;
  opacity: 0.91;
  height: 9px;
  width: 9px;
  animation-delay: -3.6s;
  transform: translate3d(36vw, 55vh, 11px);
  background: #d9264d;
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(43vw, 19vh, 75px);
  }
}
html.particles .particle:nth-child(19) {
  animation: particle-animation-19 60s infinite;
  opacity: 0.97;
  height: 8px;
  width: 8px;
  animation-delay: -3.8s;
  transform: translate3d(78vw, 17vh, 76px);
  background: #8ed926;
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(29vw, 87vh, 7px);
  }
}
html.particles .particle:nth-child(20) {
  animation: particle-animation-20 60s infinite;
  opacity: 0.4;
  height: 10px;
  width: 10px;
  animation-delay: -4s;
  transform: translate3d(44vw, 17vh, 26px);
  background: #29d926;
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(71vw, 73vh, 93px);
  }
}
html.particles .particle:nth-child(21) {
  animation: particle-animation-21 60s infinite;
  opacity: 0.93;
  height: 7px;
  width: 7px;
  animation-delay: -4.2s;
  transform: translate3d(27vw, 58vh, 66px);
  background: #a0d926;
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(69vw, 85vh, 85px);
  }
}
html.particles .particle:nth-child(22) {
  animation: particle-animation-22 60s infinite;
  opacity: 0.49;
  height: 9px;
  width: 9px;
  animation-delay: -4.4s;
  transform: translate3d(8vw, 10vh, 15px);
  background: #d9d926;
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(23vw, 74vh, 32px);
  }
}
html.particles .particle:nth-child(23) {
  animation: particle-animation-23 60s infinite;
  opacity: 0.9;
  height: 6px;
  width: 6px;
  animation-delay: -4.6s;
  transform: translate3d(44vw, 51vh, 62px);
  background: #264ad9;
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(39vw, 43vh, 95px);
  }
}
html.particles .particle:nth-child(24) {
  animation: particle-animation-24 60s infinite;
  opacity: 0.82;
  height: 8px;
  width: 8px;
  animation-delay: -4.8s;
  transform: translate3d(55vw, 85vh, 48px);
  background: #d92685;
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(89vw, 17vh, 32px);
  }
}
html.particles .particle:nth-child(25) {
  animation: particle-animation-25 60s infinite;
  opacity: 0.14;
  height: 8px;
  width: 8px;
  animation-delay: -5s;
  transform: translate3d(54vw, 57vh, 77px);
  background: #d92635;
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(48vw, 41vh, 24px);
  }
}
html.particles .particle:nth-child(26) {
  animation: particle-animation-26 60s infinite;
  opacity: 0.35;
  height: 6px;
  width: 6px;
  animation-delay: -5.2s;
  transform: translate3d(78vw, 84vh, 92px);
  background: #268ed9;
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(58vw, 16vh, 17px);
  }
}
html.particles .particle:nth-child(27) {
  animation: particle-animation-27 60s infinite;
  opacity: 0.11;
  height: 9px;
  width: 9px;
  animation-delay: -5.4s;
  transform: translate3d(8vw, 18vh, 56px);
  background: #9d26d9;
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(68vw, 19vh, 33px);
  }
}
html.particles .particle:nth-child(28) {
  animation: particle-animation-28 60s infinite;
  opacity: 0.52;
  height: 8px;
  width: 8px;
  animation-delay: -5.6s;
  transform: translate3d(33vw, 46vh, 4px);
  background: #26d965;
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(13vw, 16vh, 53px);
  }
}
html.particles .particle:nth-child(29) {
  animation: particle-animation-29 60s infinite;
  opacity: 0.22;
  height: 8px;
  width: 8px;
  animation-delay: -5.8s;
  transform: translate3d(9vw, 76vh, 90px);
  background: #85d926;
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(60vw, 14vh, 97px);
  }
}
html.particles .particle:nth-child(30) {
  animation: particle-animation-30 60s infinite;
  opacity: 0.62;
  height: 8px;
  width: 8px;
  animation-delay: -6s;
  transform: translate3d(56vw, 59vh, 100px);
  background: #267dd9;
}



/* 
Rising Particles by Robin Selmer https://codepen.io/robinselmer/pen/mRjoXr
*/


html.risingparticles .animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


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

html.risingparticles .particle:after {
  position: absolute;
  content: "";
  top: 2560px;
}

html.risingparticles .particle-1 {
  -webkit-animation: animParticle 60s linear infinite;
          animation: animParticle 60s linear infinite;
  box-shadow: 0px 0px #fff, 1790px 407px #fff, 831px 1139px #fff, 1669px 2109px #fff, 1603px 410px #fff, 1618px 1778px #fff, 180px 1392px #fff, 595px 1474px #fff, 1003px 155px #fff, 1318px 1807px #fff, 540px 1413px #fff, 1695px 1623px #fff, 307px 1788px #fff, 2217px 1762px #fff, 1629px 1119px #fff, 489px 2342px #fff, 2354px 274px #fff, 342px 2417px #fff, 1245px 1639px #fff, 2323px 715px #fff, 1141px 882px #fff, 2018px 2423px #fff, 1950px 1503px #fff, 766px 226px #fff, 1762px 348px #fff, 1548px 2364px #fff, 2350px 2317px #fff, 1632px 1599px #fff, 1167px 627px #fff, 2340px 593px #fff, 140px 1642px #fff, 724px 1796px #fff, 1136px 2083px #fff, 2388px 2090px #fff, 1314px 2370px #fff, 2276px 2326px #fff, 594px 1823px #fff, 2358px 2194px #fff, 1289px 171px #fff, 2106px 1498px #fff, 1187px 1321px #fff, 743px 2410px #fff, 250px 1399px #fff, 2316px 1997px #fff, 347px 84px #fff, 198px 978px #fff, 1336px 1018px #fff, 2536px 31px #fff, 2335px 2192px #fff, 1935px 352px #fff, 2285px 874px #fff, 825px 624px #fff, 599px 1025px #fff, 1644px 801px #fff, 1501px 1392px #fff, 1981px 1974px #fff, 309px 1349px #fff, 710px 2405px #fff, 627px 2211px #fff, 1096px 1893px #fff, 2388px 2269px #fff, 959px 2500px #fff, 467px 2205px #fff, 464px 1600px #fff, 2507px 1167px #fff, 1165px 2203px #fff, 1724px 1488px #fff, 2525px 79px #fff, 178px 354px #fff, 791px 225px #fff, 2337px 2102px #fff, 1496px 1874px #fff, 1883px 249px #fff, 974px 1496px #fff, 355px 163px #fff, 2511px 1667px #fff, 488px 728px #fff, 1153px 1979px #fff, 1247px 2287px #fff, 16px 627px #fff, 718px 248px #fff, 1768px 767px #fff, 2011px 1555px #fff, 1070px 2142px #fff, 153px 2458px #fff, 2018px 1284px #fff, 107px 2517px #fff, 980px 366px #fff, 628px 2517px #fff, 1163px 1042px #fff, 2504px 2383px #fff, 2208px 1695px #fff, 1760px 99px #fff, 1537px 975px #fff, 431px 306px #fff, 2001px 959px #fff, 2353px 1943px #fff, 1093px 1453px #fff, 2506px 1134px #fff, 1251px 802px #fff, 467px 1477px #fff, 187px 1873px #fff, 2151px 906px #fff, 2175px 2356px #fff, 366px 1707px #fff, 2320px 2131px #fff, 312px 1915px #fff, 1329px 2042px #fff, 1013px 847px #fff, 643px 899px #fff, 657px 2238px #fff, 391px 1622px #fff, 788px 1425px #fff, 1674px 1873px #fff, 1416px 650px #fff, 2512px 1191px #fff, 159px 1277px #fff, 648px 2055px #fff, 2096px 2078px #fff, 2283px 47px #fff, 619px 2246px #fff, 580px 2218px #fff, 1232px 643px #fff, 1204px 2499px #fff, 1924px 691px #fff, 647px 1375px #fff, 408px 1920px #fff, 2142px 2087px #fff, 2499px 1732px #fff, 1205px 2189px #fff, 1783px 246px #fff, 169px 1894px #fff, 2543px 1090px #fff, 884px 262px #fff, 1337px 2390px #fff, 2131px 1003px #fff, 2082px 2069px #fff, 432px 2287px #fff, 164px 1968px #fff, 964px 1246px #fff, 1980px 895px #fff, 2544px 130px #fff, 1290px 1001px #fff, 1040px 1376px #fff, 655px 540px #fff, 1478px 2257px #fff, 1624px 1566px #fff, 1123px 1827px #fff, 988px 2379px #fff, 499px 23px #fff, 1476px 146px #fff, 1366px 1793px #fff, 969px 978px #fff, 186px 2419px #fff, 711px 503px #fff, 2171px 2402px #fff, 1680px 2356px #fff, 557px 2453px #fff, 151px 1098px #fff, 867px 1326px #fff, 610px 1293px #fff, 843px 1878px #fff, 1271px 302px #fff, 544px 111px #fff, 2119px 51px #fff, 2317px 1826px #fff, 110px 2174px #fff, 1680px 1614px #fff, 1131px 506px #fff, 1774px 480px #fff, 2092px 969px #fff, 1615px 1780px #fff, 1686px 2073px #fff, 1646px 1264px #fff, 702px 530px #fff, 1855px 1578px #fff, 2107px 774px #fff, 1783px 371px #fff, 1136px 1515px #fff, 777px 2061px #fff, 42px 2175px #fff, 1640px 1566px #fff, 237px 2540px #fff, 462px 1606px #fff, 601px 31px #fff, 875px 2443px #fff, 1203px 1123px #fff, 1171px 1971px #fff, 514px 1552px #fff, 1967px 808px #fff, 9px 2479px #fff, 663px 1175px #fff, 1408px 1770px #fff, 1442px 617px #fff, 901px 1970px #fff, 1564px 2170px #fff, 474px 2379px #fff, 264px 2172px #fff, 1555px 1772px #fff, 2245px 1683px #fff, 1848px 1400px #fff, 2349px 628px #fff, 215px 577px #fff, 898px 2034px #fff, 289px 1052px #fff, 207px 575px #fff, 465px 24px #fff, 1317px 62px #fff, 121px 2484px #fff, 1212px 2252px #fff, 404px 126px #fff, 2023px 1845px #fff, 1285px 749px #fff, 1854px 1975px #fff, 1311px 411px #fff, 943px 1238px #fff, 1743px 1970px #fff, 997px 2096px #fff, 1315px 43px #fff, 1604px 1630px #fff, 716px 1988px #fff, 705px 815px #fff, 2138px 115px #fff, 2511px 248px #fff, 1873px 1180px #fff, 927px 2260px #fff, 1165px 1228px #fff, 2287px 1951px #fff, 1083px 1173px #fff, 260px 1832px #fff, 988px 2505px #fff, 284px 1492px #fff, 404px 1698px #fff, 2472px 909px #fff, 996px 731px #fff, 2441px 1608px #fff, 1301px 2232px #fff, 1795px 2302px #fff, 2221px 405px #fff, 1162px 1372px #fff, 1077px 1377px #fff, 1882px 1820px #fff, 1527px 1653px #fff, 1506px 2260px #fff, 1387px 2333px #fff, 226px 1240px #fff, 632px 1414px #fff, 806px 2191px #fff, 807px 2303px #fff, 1854px 1381px #fff, 2032px 533px #fff, 2204px 611px #fff, 2371px 2516px #fff, 1752px 444px #fff, 286px 1302px #fff, 2539px 1369px #fff, 1603px 57px #fff, 2254px 246px #fff, 446px 1550px #fff, 1923px 183px #fff, 1615px 2014px #fff, 1403px 2248px #fff, 131px 2454px #fff, 316px 263px #fff, 1530px 1591px #fff, 836px 1445px #fff, 1592px 476px #fff, 2001px 817px #fff, 547px 304px #fff, 1182px 123px #fff, 590px 1226px #fff, 1865px 2121px #fff, 1162px 2243px #fff, 1907px 1150px #fff, 203px 2191px #fff, 392px 653px #fff, 1888px 113px #fff, 2077px 15px #fff, 1269px 106px #fff, 1078px 135px #fff, 570px 1005px #fff, 1609px 1009px #fff, 1109px 2428px #fff, 730px 468px #fff, 827px 2113px #fff, 2087px 1538px #fff, 1645px 227px #fff, 196px 1951px #fff, 1956px 2434px #fff, 2453px 386px #fff, 1329px 1879px #fff, 2485px 1650px #fff, 1497px 1368px #fff, 2410px 724px #fff, 581px 1379px #fff, 963px 854px #fff, 33px 716px #fff, 1517px 1474px #fff, 1693px 2470px #fff, 536px 2084px #fff, 815px 2213px #fff;
  height: 1px;
  width: 1px;
}

html.risingparticles .particle-1:after {
  box-shadow: 0px 0px #fff, 558px 2483px #fff, 2306px 125px #fff, 886px 894px #fff, 2308px 157px #fff, 1787px 103px #fff, 2322px 1413px #fff, 1639px 1203px #fff, 1758px 1638px #fff, 1194px 1788px #fff, 61px 1914px #fff, 524px 1086px #fff, 977px 803px #fff, 119px 391px #fff, 1851px 11px #fff, 2100px 1614px #fff, 839px 198px #fff, 1396px 1147px #fff, 1665px 620px #fff, 452px 1868px #fff, 1915px 2185px #fff, 677px 1361px #fff, 603px 1474px #fff, 1473px 547px #fff, 1581px 1550px #fff, 865px 1356px #fff, 1267px 720px #fff, 791px 1800px #fff, 16px 565px #fff, 2248px 657px #fff, 2405px 115px #fff, 2268px 1433px #fff, 1040px 529px #fff, 1798px 1124px #fff, 1863px 1880px #fff, 1006px 1276px #fff, 1189px 1145px #fff, 1875px 254px #fff, 595px 1530px #fff, 1230px 432px #fff, 1015px 268px #fff, 372px 4px #fff, 600px 1930px #fff, 772px 2305px #fff, 2488px 1062px #fff, 711px 1008px #fff, 1695px 285px #fff, 1363px 2075px #fff, 320px 118px #fff, 1173px 1323px #fff, 1888px 886px #fff, 1899px 1338px #fff, 1689px 556px #fff, 2270px 1218px #fff, 556px 1207px #fff, 253px 913px #fff, 1966px 679px #fff, 2378px 388px #fff, 1499px 1981px #fff, 2042px 941px #fff, 2165px 1510px #fff, 1306px 78px #fff, 1276px 1830px #fff, 2361px 197px #fff, 1965px 105px #fff, 435px 1203px #fff, 892px 1836px #fff, 1702px 1064px #fff, 2395px 545px #fff, 2326px 2018px #fff, 549px 2222px #fff, 2097px 928px #fff, 1008px 1420px #fff, 2534px 1498px #fff, 1454px 1188px #fff, 1482px 1277px #fff, 1948px 2249px #fff, 2325px 609px #fff, 1251px 65px #fff, 1053px 823px #fff, 269px 2139px #fff, 167px 1506px #fff, 287px 69px #fff, 686px 2474px #fff, 1067px 2197px #fff, 113px 603px #fff, 1198px 1859px #fff, 623px 2320px #fff, 57px 923px #fff, 143px 960px #fff, 1777px 122px #fff, 200px 1908px #fff, 621px 1908px #fff, 1128px 1186px #fff, 375px 93px #fff, 2092px 983px #fff, 2325px 114px #fff, 1635px 1140px #fff, 972px 790px #fff, 207px 635px #fff, 2365px 2333px #fff, 1554px 1477px #fff, 819px 1326px #fff, 1217px 2534px #fff, 2443px 1927px #fff, 1214px 1954px #fff, 213px 173px #fff, 1484px 1152px #fff, 2308px 2494px #fff, 786px 1396px #fff, 927px 1648px #fff, 658px 1321px #fff, 204px 541px #fff, 2372px 817px #fff, 1498px 898px #fff, 2268px 1277px #fff, 1160px 845px #fff, 1382px 1498px #fff, 814px 1108px #fff, 1242px 2209px #fff, 1910px 1510px #fff, 1814px 1309px #fff, 2229px 1667px #fff, 424px 869px #fff, 585px 538px #fff, 2519px 474px #fff, 973px 2059px #fff, 1256px 1202px #fff, 1617px 1254px #fff, 1610px 685px #fff, 1907px 1912px #fff, 2445px 262px #fff, 1228px 2429px #fff, 1064px 1527px #fff, 812px 506px #fff, 1890px 1706px #fff, 1500px 294px #fff, 922px 1446px #fff, 781px 1964px #fff, 303px 568px #fff, 381px 1379px #fff, 2048px 1160px #fff, 2374px 319px #fff, 2492px 1668px #fff, 1595px 1284px #fff, 1497px 521px #fff, 841px 158px #fff, 431px 192px #fff, 29px 1902px #fff, 1751px 243px #fff, 1px 1443px #fff, 25px 1661px #fff, 1294px 1493px #fff, 127px 2270px #fff, 1551px 1541px #fff, 525px 1430px #fff, 496px 217px #fff, 2513px 2372px #fff, 1405px 1312px #fff, 548px 1568px #fff, 1910px 1300px #fff, 2502px 161px #fff, 575px 894px #fff, 2185px 929px #fff, 2406px 532px #fff, 2129px 1704px #fff, 200px 2222px #fff, 1139px 2512px #fff, 760px 2349px #fff, 1128px 867px #fff, 1077px 1192px #fff, 1817px 210px #fff, 873px 1213px #fff, 616px 1752px #fff, 916px 403px #fff, 123px 614px #fff, 379px 2304px #fff, 1555px 560px #fff, 2552px 1050px #fff, 614px 1156px #fff, 1046px 279px #fff, 1565px 1718px #fff, 2076px 462px #fff, 858px 565px #fff, 402px 458px #fff, 599px 364px #fff, 2113px 1598px #fff, 939px 2439px #fff, 680px 978px #fff, 1196px 2385px #fff, 256px 242px #fff, 341px 824px #fff, 812px 2243px #fff, 2213px 1254px #fff, 183px 2284px #fff, 1620px 1750px #fff, 749px 2452px #fff, 489px 1701px #fff, 25px 2253px #fff, 540px 311px #fff, 971px 1183px #fff, 1363px 1509px #fff, 7px 1686px #fff, 95px 2302px #fff, 132px 996px #fff, 1522px 1970px #fff, 501px 504px #fff, 1233px 187px #fff, 1686px 2529px #fff, 1358px 1231px #fff, 2074px 1440px #fff, 2122px 1909px #fff, 1899px 1635px #fff, 2217px 565px #fff, 937px 1931px #fff, 2409px 2313px #fff, 37px 808px #fff, 806px 1529px #fff, 1094px 779px #fff, 1200px 754px #fff, 2290px 1574px #fff, 2092px 12px #fff, 1927px 1143px #fff, 2337px 477px #fff, 280px 1923px #fff, 220px 52px #fff, 2161px 389px #fff, 2443px 1867px #fff, 1115px 1996px #fff, 2483px 2428px #fff, 2370px 978px #fff, 1040px 585px #fff, 1059px 2408px #fff, 2150px 242px #fff, 11px 1789px #fff, 1453px 1139px #fff, 1313px 2401px #fff, 1145px 616px #fff, 1468px 2293px #fff, 641px 2528px #fff, 61px 1984px #fff, 961px 2088px #fff, 239px 1025px #fff, 1043px 923px #fff, 620px 703px #fff, 1231px 108px #fff, 1850px 1783px #fff, 596px 2032px #fff, 2289px 2443px #fff, 1693px 2048px #fff, 483px 490px #fff, 1976px 1847px #fff, 1015px 1351px #fff, 233px 2450px #fff, 346px 822px #fff, 1872px 1146px #fff, 1577px 1528px #fff, 2376px 320px #fff, 2260px 2083px #fff, 894px 1635px #fff, 243px 2331px #fff, 2464px 1941px #fff, 2489px 1948px #fff, 1453px 2375px #fff, 121px 2311px #fff, 785px 364px #fff, 1113px 1172px #fff, 643px 1786px #fff, 1096px 1563px #fff, 1914px 1353px #fff, 712px 1206px #fff, 2440px 2449px #fff, 722px 859px #fff, 1862px 210px #fff, 1774px 1774px #fff, 432px 805px #fff, 478px 1488px #fff, 2354px 404px #fff, 1384px 706px #fff, 1387px 1578px #fff, 412px 327px #fff, 1098px 219px #fff, 460px 349px #fff, 713px 1193px #fff, 2091px 1177px #fff, 466px 1989px #fff, 258px 126px #fff, 77px 1527px #fff, 2206px 1120px #fff, 1216px 471px #fff, 1089px 91px #fff, 760px 639px #fff, 1465px 535px #fff, 1889px 2531px #fff, 238px 2444px #fff, 2458px 635px #fff, 1204px 1052px #fff, 2045px 812px #fff, 1144px 925px #fff, 2381px 1827px #fff, 2466px 543px #fff;
  height: 1px;
  width: 1px;
}

html.risingparticles .particle-2 {
  -webkit-animation: animParticle 120s linear infinite;
          animation: animParticle 120s linear infinite;
  box-shadow: 0px 0px #fff, 1603px 1841px #fff, 2242px 2105px #fff, 2424px 660px #fff, 1114px 1535px #fff, 2024px 1535px #fff, 1071px 449px #fff, 235px 159px #fff, 1407px 715px #fff, 560px 2131px #fff, 329px 506px #fff, 1635px 145px #fff, 1396px 2471px #fff, 2320px 193px #fff, 786px 1417px #fff, 922px 2444px #fff, 1247px 2418px #fff, 444px 1544px #fff, 2510px 785px #fff, 53px 263px #fff, 1042px 428px #fff, 2143px 2521px #fff, 2329px 1834px #fff, 1859px 1864px #fff, 1705px 1527px #fff, 1793px 430px #fff, 2094px 1854px #fff, 1809px 1308px #fff, 1256px 1893px #fff, 94px 1181px #fff, 2298px 2364px #fff, 1690px 230px #fff, 719px 1785px #fff, 715px 550px #fff, 424px 1095px #fff, 1695px 596px #fff, 1982px 939px #fff, 719px 312px #fff, 213px 691px #fff, 1402px 2451px #fff, 1408px 2400px #fff, 1018px 536px #fff, 2450px 1260px #fff, 1891px 1585px #fff, 1095px 186px #fff, 578px 2399px #fff, 2123px 393px #fff, 872px 433px #fff, 664px 1655px #fff, 1145px 929px #fff, 323px 839px #fff, 1694px 1477px #fff, 2418px 348px #fff, 2426px 1725px #fff, 1912px 2126px #fff, 2497px 334px #fff, 293px 1366px #fff, 2072px 2370px #fff, 1637px 1915px #fff, 1316px 710px #fff, 1571px 49px #fff, 830px 1305px #fff, 489px 2213px #fff, 359px 1787px #fff, 877px 252px #fff, 1030px 366px #fff, 531px 214px #fff, 1025px 1169px #fff, 2418px 1684px #fff, 1970px 509px #fff, 1341px 436px #fff, 2012px 1604px #fff, 1008px 101px #fff, 1317px 1106px #fff, 2310px 2545px #fff, 1478px 559px #fff, 158px 1627px #fff, 2042px 1473px #fff, 453px 1055px #fff, 880px 99px #fff, 2182px 1077px #fff, 1297px 915px #fff, 272px 2096px #fff, 1275px 1217px #fff, 998px 638px #fff, 117px 512px #fff, 2051px 990px #fff, 493px 1833px #fff, 580px 1941px #fff, 765px 611px #fff, 1014px 1822px #fff, 1520px 1255px #fff, 300px 1511px #fff, 2175px 1926px #fff, 1158px 2284px #fff, 2334px 836px #fff, 2049px 157px #fff, 51px 2021px #fff, 1419px 1376px #fff, 563px 1466px #fff, 1299px 136px #fff;
  height: 2px;
  width: 2px;
}

html.risingparticles .particle-2:after {
  box-shadow: 0px 0px #fff, 259px 2163px #fff, 1990px 237px #fff, 265px 2513px #fff, 2535px 1776px #fff, 870px 1744px #fff, 1043px 616px #fff, 1208px 1187px #fff, 207px 2314px #fff, 2538px 204px #fff, 1651px 316px #fff, 718px 109px #fff, 704px 1491px #fff, 967px 232px #fff, 1739px 444px #fff, 197px 1645px #fff, 2124px 2467px #fff, 2523px 1151px #fff, 2468px 759px #fff, 1088px 119px #fff, 849px 1087px #fff, 1458px 664px #fff, 1927px 236px #fff, 865px 169px #fff, 1765px 1987px #fff, 2113px 1870px #fff, 1888px 1494px #fff, 1428px 1717px #fff, 1135px 86px #fff, 2010px 1288px #fff, 639px 344px #fff, 2294px 1932px #fff, 1078px 1181px #fff, 2108px 154px #fff, 219px 924px #fff, 1818px 1726px #fff, 529px 1102px #fff, 366px 1029px #fff, 1368px 749px #fff, 480px 278px #fff, 264px 438px #fff, 369px 2210px #fff, 2545px 1426px #fff, 291px 781px #fff, 1808px 337px #fff, 1321px 2018px #fff, 104px 1662px #fff, 275px 928px #fff, 2136px 2180px #fff, 999px 2399px #fff, 1489px 871px #fff, 2072px 728px #fff, 1581px 1744px #fff, 2533px 125px #fff, 2088px 1097px #fff, 1409px 72px #fff, 1619px 1573px #fff, 1092px 2206px #fff, 563px 1807px #fff, 1735px 486px #fff, 1208px 2204px #fff, 1390px 1026px #fff, 1490px 383px #fff, 1551px 1921px #fff, 1015px 1046px #fff, 1050px 51px #fff, 335px 2225px #fff, 1929px 2107px #fff, 1376px 254px #fff, 1421px 889px #fff, 1779px 2113px #fff, 1335px 1389px #fff, 2488px 610px #fff, 1105px 1217px #fff, 1942px 2397px #fff, 696px 1507px #fff, 1929px 2364px #fff, 1605px 329px #fff, 1507px 446px #fff, 2395px 771px #fff, 1941px 603px #fff, 668px 2321px #fff, 2150px 987px #fff, 321px 1348px #fff, 677px 1174px #fff, 1426px 2128px #fff, 2514px 158px #fff, 2321px 1179px #fff, 772px 590px #fff, 2226px 215px #fff, 289px 1797px #fff, 1517px 563px #fff, 834px 1009px #fff, 265px 1750px #fff, 2109px 1882px #fff, 623px 1263px #fff, 2300px 899px #fff, 1789px 338px #fff, 87px 2050px #fff, 1275px 1525px #fff, 319px 662px #fff;
  height: 2px;
  width: 2px;
}

html.risingparticles .particle-3 {
  -webkit-animation: animParticle 180s linear infinite;
          animation: animParticle 180s linear infinite;
  box-shadow: 0px 0px #fff, 2240px 441px #fff, 1834px 420px #fff, 1984px 453px #fff, 1169px 1212px #fff, 305px 886px #fff, 2546px 793px #fff, 1980px 2294px #fff, 1303px 1131px #fff, 1733px 2047px #fff, 382px 506px #fff, 965px 1635px #fff, 828px 1040px #fff, 192px 1776px #fff, 200px 748px #fff, 47px 1229px #fff, 1457px 1890px #fff, 2553px 1578px #fff, 1945px 1805px #fff, 2255px 2079px #fff, 2525px 1910px #fff, 2280px 282px #fff, 2101px 1413px #fff, 1082px 1789px #fff, 810px 1319px #fff, 913px 1278px #fff, 189px 1115px #fff, 1736px 1414px #fff, 1892px 271px #fff, 1255px 1131px #fff, 574px 2501px #fff, 1918px 1231px #fff, 99px 676px #fff, 1756px 1793px #fff, 2107px 2246px #fff, 1196px 810px #fff, 2016px 1657px #fff, 2353px 475px #fff, 1533px 2210px #fff, 1469px 1836px #fff, 1090px 2376px #fff, 935px 1839px #fff, 841px 802px #fff, 1173px 72px #fff, 132px 511px #fff, 1903px 304px #fff, 841px 2189px #fff, 1376px 2489px #fff, 1136px 591px #fff, 562px 2354px #fff, 245px 2192px #fff;
  height: 3px;
  width: 3px;
}

html.risingparticles .particle-3:after {
  box-shadow: 0px 0px #fff, 852px 2008px #fff, 1684px 1880px #fff, 858px 590px #fff, 2478px 461px #fff, 2197px 925px #fff, 1230px 1694px #fff, 1511px 417px #fff, 1335px 2559px #fff, 1232px 1081px #fff, 561px 733px #fff, 2143px 1947px #fff, 410px 2027px #fff, 845px 998px #fff, 1973px 1512px #fff, 2406px 1009px #fff, 1756px 1709px #fff, 2496px 2353px #fff, 2048px 85px #fff, 2542px 301px #fff, 300px 23px #fff, 2074px 1517px #fff, 114px 1156px #fff, 510px 1993px #fff, 1943px 2146px #fff, 1058px 1001px #fff, 175px 1155px #fff, 2078px 1294px #fff, 242px 2232px #fff, 906px 178px #fff, 704px 522px #fff, 2489px 2396px #fff, 1275px 717px #fff, 1893px 39px #fff, 383px 2332px #fff, 208px 193px #fff, 44px 2382px #fff, 1020px 1264px #fff, 228px 736px #fff, 1360px 2052px #fff, 1016px 196px #fff, 1920px 242px #fff, 1614px 393px #fff, 1262px 1246px #fff, 1522px 1988px #fff, 852px 41px #fff, 1028px 451px #fff, 2497px 1527px #fff, 267px 415px #fff, 1835px 1336px #fff, 1386px 2547px #fff;
  height: 3px;
  width: 3px;
}

html.risingparticles .particle-4 {
  -webkit-animation: animParticle 600s linear infinite;
          animation: animParticle 600s linear infinite;
  box-shadow: 0px 0px #fff, 2472px 2536px #fff, 2477px 1486px #fff, 1103px 1033px #fff, 2409px 2505px #fff, 2465px 1896px #fff, 315px 38px #fff, 1501px 385px #fff, 1416px 1697px #fff, 181px 2165px #fff, 207px 1822px #fff, 1283px 98px #fff, 252px 1787px #fff, 2355px 108px #fff, 1795px 59px #fff, 2122px 1513px #fff, 1656px 1731px #fff, 1901px 612px #fff, 515px 2126px #fff, 1809px 1579px #fff, 1004px 916px #fff, 214px 669px #fff, 1486px 496px #fff, 100px 1071px #fff, 451px 1441px #fff, 362px 321px #fff, 632px 1059px #fff, 2285px 87px #fff, 2506px 2123px #fff, 699px 1459px #fff, 166px 1961px #fff, 165px 1348px #fff, 1097px 1456px #fff, 2240px 2261px #fff, 1270px 2163px #fff, 337px 347px #fff, 610px 2323px #fff, 822px 1365px #fff, 322px 1976px #fff, 352px 1357px #fff, 1043px 1607px #fff, 2442px 1283px #fff, 1594px 1715px #fff, 2373px 1688px #fff, 1559px 823px #fff, 46px 437px #fff, 344px 2169px #fff, 1067px 1416px #fff, 1774px 365px #fff, 2173px 1958px #fff, 2017px 1808px #fff, 2019px 1986px #fff, 281px 1157px #fff, 631px 705px #fff, 2323px 1727px #fff, 1843px 115px #fff, 49px 2471px #fff, 542px 196px #fff, 868px 1502px #fff, 2059px 58px #fff, 3px 1523px #fff, 1923px 2004px #fff, 2110px 802px #fff, 622px 648px #fff, 624px 223px #fff, 2401px 735px #fff, 2472px 1692px #fff, 1608px 607px #fff, 1192px 530px #fff, 1145px 543px #fff, 1187px 416px #fff, 498px 1827px #fff, 2433px 1763px #fff, 2278px 420px #fff, 289px 2532px #fff, 238px 135px #fff, 1281px 738px #fff, 1000px 2534px #fff, 33px 559px #fff, 295px 899px #fff, 2289px 57px #fff, 2226px 1098px #fff, 1593px 370px #fff, 262px 1839px #fff, 1997px 2009px #fff, 1843px 2445px #fff, 1678px 2201px #fff, 439px 182px #fff, 1161px 2203px #fff, 901px 2353px #fff, 1074px 235px #fff, 290px 334px #fff, 2314px 1557px #fff, 1347px 102px #fff, 1392px 258px #fff, 1301px 2282px #fff, 2083px 15px #fff, 1425px 2555px #fff, 2496px 1895px #fff, 13px 2483px #fff, 99px 1921px #fff, 2172px 665px #fff, 675px 2130px #fff, 388px 823px #fff, 1118px 2074px #fff, 1539px 2380px #fff, 2191px 2341px #fff, 780px 189px #fff, 574px 2298px #fff, 669px 700px #fff, 1098px 1473px #fff, 1996px 1852px #fff, 848px 1752px #fff, 1663px 578px #fff, 589px 966px #fff, 690px 922px #fff, 656px 1447px #fff, 2210px 641px #fff, 1895px 53px #fff, 2381px 2556px #fff, 1965px 764px #fff, 2558px 184px #fff, 216px 1186px #fff, 1576px 2286px #fff, 970px 1626px #fff, 1504px 344px #fff, 2531px 2260px #fff, 1284px 2406px #fff, 2134px 2553px #fff, 297px 2348px #fff, 2349px 1567px #fff, 1224px 849px #fff, 551px 1976px #fff, 649px 1410px #fff, 912px 2018px #fff, 552px 1975px #fff, 1474px 2221px #fff, 60px 2109px #fff, 868px 1544px #fff, 2541px 195px #fff, 1617px 1266px #fff, 553px 1457px #fff, 96px 1421px #fff, 1394px 1699px #fff, 1692px 1798px #fff, 938px 363px #fff, 472px 1611px #fff, 426px 1213px #fff, 2465px 1193px #fff, 342px 822px #fff, 1369px 1486px #fff, 543px 1270px #fff, 468px 1993px #fff, 1574px 1437px #fff, 613px 1711px #fff, 2506px 743px #fff, 1108px 1433px #fff, 2506px 674px #fff, 616px 1698px #fff, 800px 702px #fff, 2013px 1724px #fff, 1797px 1575px #fff, 286px 2181px #fff, 2478px 290px #fff, 2502px 2373px #fff, 1478px 483px #fff, 2492px 1546px #fff, 1589px 561px #fff, 1168px 311px #fff, 1910px 1856px #fff, 1805px 2513px #fff, 1440px 1449px #fff, 358px 1910px #fff, 624px 7px #fff, 2278px 761px #fff, 772px 2002px #fff, 457px 637px #fff, 1358px 993px #fff, 1352px 2034px #fff, 911px 1863px #fff, 1527px 393px #fff, 222px 809px #fff, 1767px 1004px #fff, 1869px 1625px #fff, 105px 2273px #fff, 1085px 998px #fff, 1838px 1455px #fff, 2515px 1425px #fff, 2425px 2489px #fff, 1434px 275px #fff, 1953px 2166px #fff, 2043px 1638px #fff, 1797px 1794px #fff, 818px 1606px #fff, 2084px 1352px #fff, 1826px 1225px #fff, 2106px 121px #fff, 2517px 2476px #fff, 738px 2172px #fff, 1712px 1414px #fff, 1946px 1006px #fff;
  height: 1px;
  width: 1px;
}

html.risingparticles .particle-4:after {
  box-shadow: 0px 0px #fff, 2323px 1765px #fff, 292px 2144px #fff, 1877px 1000px #fff, 1433px 815px #fff, 2410px 2011px #fff, 2039px 1368px #fff, 194px 1588px #fff, 852px 1315px #fff, 663px 1501px #fff, 243px 2222px #fff, 2043px 1960px #fff, 1780px 2224px #fff, 884px 1839px #fff, 1220px 600px #fff, 1696px 1891px #fff, 137px 1995px #fff, 1415px 384px #fff, 459px 188px #fff, 1820px 2154px #fff, 397px 1726px #fff, 561px 2518px #fff, 1265px 698px #fff, 1630px 2029px #fff, 422px 378px #fff, 2430px 2430px #fff, 2096px 464px #fff, 2388px 1994px #fff, 1104px 1679px #fff, 2543px 1382px #fff, 2522px 2319px #fff, 34px 1751px #fff, 549px 10px #fff, 2452px 1065px #fff, 1121px 973px #fff, 1880px 2432px #fff, 2007px 603px #fff, 1242px 76px #fff, 1496px 5px #fff, 292px 686px #fff, 564px 282px #fff, 43px 1299px #fff, 1722px 443px #fff, 36px 2479px #fff, 2405px 2541px #fff, 1645px 1971px #fff, 1438px 1215px #fff, 806px 1051px #fff, 177px 1740px #fff, 1087px 605px #fff, 5px 554px #fff, 706px 1266px #fff, 2143px 1435px #fff, 726px 1400px #fff, 1073px 582px #fff, 1400px 295px #fff, 1690px 955px #fff, 1063px 520px #fff, 2450px 854px #fff, 672px 2338px #fff, 901px 634px #fff, 2021px 1091px #fff, 421px 1462px #fff, 1793px 750px #fff, 1136px 2393px #fff, 1076px 1083px #fff, 2026px 1604px #fff, 512px 1753px #fff, 2352px 249px #fff, 2179px 2100px #fff, 1932px 331px #fff, 205px 428px #fff, 1455px 2051px #fff, 1714px 663px #fff, 587px 52px #fff, 1849px 1700px #fff, 2041px 451px #fff, 860px 274px #fff, 610px 441px #fff, 2263px 931px #fff, 1621px 2384px #fff, 1916px 1883px #fff, 971px 1116px #fff, 331px 814px #fff, 2087px 1259px #fff, 276px 1736px #fff, 686px 180px #fff, 1864px 1899px #fff, 2071px 420px #fff, 1627px 81px #fff, 1442px 132px #fff, 1947px 1675px #fff, 951px 1493px #fff, 1070px 734px #fff, 888px 1677px #fff, 1757px 1776px #fff, 1465px 1317px #fff, 1082px 2547px #fff, 1244px 2234px #fff, 1161px 888px #fff, 849px 658px #fff, 1924px 626px #fff, 2432px 2198px #fff, 594px 2472px #fff, 490px 241px #fff, 215px 1244px #fff, 2307px 2246px #fff, 1186px 150px #fff, 2549px 1910px #fff, 171px 608px #fff, 647px 1610px #fff, 2460px 1827px #fff, 1891px 135px #fff, 2214px 227px #fff, 727px 1156px #fff, 97px 952px #fff, 185px 1163px #fff, 1045px 1746px #fff, 314px 2543px #fff, 651px 2059px #fff, 732px 340px #fff, 859px 136px #fff, 2444px 2085px #fff, 1877px 932px #fff, 1708px 1818px #fff, 1041px 781px #fff, 1083px 178px #fff, 381px 2479px #fff, 1594px 2225px #fff, 2313px 1763px #fff, 540px 76px #fff, 926px 1608px #fff, 2198px 446px #fff, 550px 875px #fff, 23px 1538px #fff, 690px 2370px #fff, 612px 1464px #fff, 947px 2542px #fff, 1825px 240px #fff, 1705px 1861px #fff, 2047px 415px #fff, 1124px 1075px #fff, 2054px 2128px #fff, 885px 297px #fff, 1669px 702px #fff, 1650px 448px #fff, 149px 932px #fff, 2321px 473px #fff, 1454px 2080px #fff, 1002px 1634px #fff, 457px 1893px #fff, 1437px 2193px #fff, 2225px 888px #fff, 2548px 1646px #fff, 205px 337px #fff, 2225px 1963px #fff, 672px 616px #fff, 2389px 1287px #fff, 2174px 2243px #fff, 593px 1525px #fff, 2278px 146px #fff, 2187px 453px #fff, 869px 85px #fff, 72px 1444px #fff, 560px 369px #fff, 1922px 972px #fff, 346px 1801px #fff, 1254px 325px #fff, 2448px 361px #fff, 833px 2492px #fff, 1450px 987px #fff, 285px 1429px #fff, 1050px 1581px #fff, 224px 1429px #fff, 344px 417px #fff, 1850px 1224px #fff, 58px 30px #fff, 2082px 1339px #fff, 1522px 1959px #fff, 240px 1506px #fff, 1568px 1508px #fff, 2106px 2102px #fff, 2456px 1265px #fff, 1038px 405px #fff, 85px 1907px #fff, 692px 1860px #fff, 697px 511px #fff, 1865px 2089px #fff, 2428px 514px #fff, 1533px 1173px #fff, 917px 1749px #fff, 2272px 2285px #fff, 2355px 1694px #fff, 1793px 941px #fff, 1120px 923px #fff, 750px 906px #fff, 2368px 1791px #fff, 1246px 1282px #fff, 559px 183px #fff, 1230px 399px #fff, 2341px 2492px #fff;
  height: 1px;
  width: 1px;
}

@-webkit-keyframes animParticle {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2560px);
            transform: translateY(-2560px);
  }
}

@keyframes animParticle {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2560px);
            transform: translateY(-2560px);
  }
}

/* 
Fireflies by Mike Golus https://codepen.io/mikegolus/pen/Jegvym
*/
html.firefly .fireflies {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

html.firefly .firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}
html.firefly .firefly::before, html.firefly .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}
html.firefly .firefly::before {
  background: black;
  opacity: 0.4;
  animation: drift ease alternate infinite;
}
html.firefly .firefly::after {
  background: white;
  opacity: 0;
  box-shadow: 0 0 0vw 0vw yellow;
  animation: drift ease alternate infinite, flash ease infinite;
}

html.firefly .firefly:nth-child(1) {
  animation-name: move1;
}
html.firefly .firefly:nth-child(1)::before {
  animation-duration: 14s;
}
html.firefly .firefly:nth-child(1)::after {
  animation-duration: 14s, 10851ms;
  animation-delay: 0ms, 8382ms;
}

@keyframes move1 {
  0% {
    transform: translateX(29vw) translateY(-48vh) scale(0.62);
  }
  5.8823529412% {
    transform: translateX(38vw) translateY(34vh) scale(0.92);
  }
  11.7647058824% {
    transform: translateX(20vw) translateY(-42vh) scale(0.56);
  }
  17.6470588235% {
    transform: translateX(46vw) translateY(-11vh) scale(0.79);
  }
  23.5294117647% {
    transform: translateX(39vw) translateY(-43vh) scale(0.82);
  }
  29.4117647059% {
    transform: translateX(17vw) translateY(-8vh) scale(0.6);
  }
  35.2941176471% {
    transform: translateX(15vw) translateY(-30vh) scale(0.71);
  }
  41.1764705882% {
    transform: translateX(12vw) translateY(37vh) scale(0.26);
  }
  47.0588235294% {
    transform: translateX(-13vw) translateY(11vh) scale(0.97);
  }
  52.9411764706% {
    transform: translateX(-13vw) translateY(28vh) scale(0.86);
  }
  58.8235294118% {
    transform: translateX(12vw) translateY(-7vh) scale(0.88);
  }
  64.7058823529% {
    transform: translateX(43vw) translateY(32vh) scale(0.87);
  }
  70.5882352941% {
    transform: translateX(-24vw) translateY(40vh) scale(0.8);
  }
  76.4705882353% {
    transform: translateX(22vw) translateY(-31vh) scale(0.6);
  }
  82.3529411765% {
    transform: translateX(-24vw) translateY(-37vh) scale(0.7);
  }
  88.2352941176% {
    transform: translateX(26vw) translateY(40vh) scale(0.75);
  }
  94.1176470588% {
    transform: translateX(-10vw) translateY(-18vh) scale(0.42);
  }
  100% {
    transform: translateX(-35vw) translateY(2vh) scale(0.92);
  }
}
html.firefly .firefly:nth-child(2) {
  animation-name: move2;
}
html.firefly .firefly:nth-child(2)::before {
  animation-duration: 18s;
}
html.firefly .firefly:nth-child(2)::after {
  animation-duration: 18s, 9441ms;
  animation-delay: 0ms, 8398ms;
}

@keyframes move2 {
  0% {
    transform: translateX(27vw) translateY(-27vh) scale(0.62);
  }
  4.5454545455% {
    transform: translateX(4vw) translateY(-22vh) scale(0.97);
  }
  9.0909090909% {
    transform: translateX(-39vw) translateY(-11vh) scale(0.62);
  }
  13.6363636364% {
    transform: translateX(26vw) translateY(17vh) scale(0.9);
  }
  18.1818181818% {
    transform: translateX(46vw) translateY(-30vh) scale(0.71);
  }
  22.7272727273% {
    transform: translateX(48vw) translateY(-44vh) scale(0.77);
  }
  27.2727272727% {
    transform: translateX(-17vw) translateY(4vh) scale(0.72);
  }
  31.8181818182% {
    transform: translateX(40vw) translateY(40vh) scale(0.89);
  }
  36.3636363636% {
    transform: translateX(29vw) translateY(-14vh) scale(0.94);
  }
  40.9090909091% {
    transform: translateX(5vw) translateY(0vh) scale(0.77);
  }
  45.4545454545% {
    transform: translateX(2vw) translateY(42vh) scale(0.52);
  }
  50% {
    transform: translateX(-14vw) translateY(49vh) scale(0.42);
  }
  54.5454545455% {
    transform: translateX(31vw) translateY(-49vh) scale(0.59);
  }
  59.0909090909% {
    transform: translateX(46vw) translateY(-30vh) scale(0.28);
  }
  63.6363636364% {
    transform: translateX(11vw) translateY(3vh) scale(0.8);
  }
  68.1818181818% {
    transform: translateX(46vw) translateY(-34vh) scale(0.28);
  }
  72.7272727273% {
    transform: translateX(40vw) translateY(-40vh) scale(0.49);
  }
  77.2727272727% {
    transform: translateX(21vw) translateY(12vh) scale(0.46);
  }
  81.8181818182% {
    transform: translateX(-19vw) translateY(-16vh) scale(0.56);
  }
  86.3636363636% {
    transform: translateX(-9vw) translateY(15vh) scale(0.71);
  }
  90.9090909091% {
    transform: translateX(-9vw) translateY(-32vh) scale(0.85);
  }
  95.4545454545% {
    transform: translateX(0vw) translateY(-37vh) scale(0.97);
  }
  100% {
    transform: translateX(0vw) translateY(21vh) scale(0.47);
  }
}
html.firefly .firefly:nth-child(3) {
  animation-name: move3;
}
html.firefly .firefly:nth-child(3)::before {
  animation-duration: 17s;
}
html.firefly .firefly:nth-child(3)::after {
  animation-duration: 17s, 5953ms;
  animation-delay: 0ms, 3341ms;
}

@keyframes move3 {
  0% {
    transform: translateX(28vw) translateY(24vh) scale(0.8);
  }
  4% {
    transform: translateX(14vw) translateY(-13vh) scale(0.87);
  }
  8% {
    transform: translateX(-5vw) translateY(21vh) scale(0.48);
  }
  12% {
    transform: translateX(-42vw) translateY(20vh) scale(0.74);
  }
  16% {
    transform: translateX(-4vw) translateY(44vh) scale(0.92);
  }
  20% {
    transform: translateX(-5vw) translateY(37vh) scale(0.99);
  }
  24% {
    transform: translateX(-35vw) translateY(47vh) scale(0.46);
  }
  28% {
    transform: translateX(-22vw) translateY(-8vh) scale(0.38);
  }
  32% {
    transform: translateX(-44vw) translateY(36vh) scale(0.34);
  }
  36% {
    transform: translateX(-13vw) translateY(44vh) scale(0.96);
  }
  40% {
    transform: translateX(29vw) translateY(22vh) scale(0.57);
  }
  44% {
    transform: translateX(36vw) translateY(38vh) scale(0.56);
  }
  48% {
    transform: translateX(-44vw) translateY(10vh) scale(0.9);
  }
  52% {
    transform: translateX(-19vw) translateY(36vh) scale(0.54);
  }
  56% {
    transform: translateX(-6vw) translateY(-48vh) scale(0.95);
  }
  60% {
    transform: translateX(-5vw) translateY(13vh) scale(0.93);
  }
  64% {
    transform: translateX(-40vw) translateY(3vh) scale(0.43);
  }
  68% {
    transform: translateX(20vw) translateY(33vh) scale(0.49);
  }
  72% {
    transform: translateX(-4vw) translateY(-37vh) scale(0.32);
  }
  76% {
    transform: translateX(16vw) translateY(19vh) scale(0.39);
  }
  80% {
    transform: translateX(33vw) translateY(4vh) scale(0.46);
  }
  84% {
    transform: translateX(-49vw) translateY(-4vh) scale(0.32);
  }
  88% {
    transform: translateX(0vw) translateY(10vh) scale(0.58);
  }
  92% {
    transform: translateX(-25vw) translateY(2vh) scale(0.94);
  }
  96% {
    transform: translateX(-48vw) translateY(-30vh) scale(0.4);
  }
  100% {
    transform: translateX(-20vw) translateY(-40vh) scale(0.68);
  }
}
html.firefly .firefly:nth-child(4) {
  animation-name: move4;
}
html.firefly .firefly:nth-child(4)::before {
  animation-duration: 10s;
}
html.firefly .firefly:nth-child(4)::after {
  animation-duration: 10s, 5179ms;
  animation-delay: 0ms, 2450ms;
}

@keyframes move4 {
  0% {
    transform: translateX(9vw) translateY(13vh) scale(0.88);
  }
  5.5555555556% {
    transform: translateX(-43vw) translateY(48vh) scale(0.81);
  }
  11.1111111111% {
    transform: translateX(-38vw) translateY(-47vh) scale(0.93);
  }
  16.6666666667% {
    transform: translateX(-47vw) translateY(17vh) scale(0.92);
  }
  22.2222222222% {
    transform: translateX(14vw) translateY(44vh) scale(1);
  }
  27.7777777778% {
    transform: translateX(-10vw) translateY(-10vh) scale(0.48);
  }
  33.3333333333% {
    transform: translateX(0vw) translateY(-6vh) scale(0.78);
  }
  38.8888888889% {
    transform: translateX(7vw) translateY(8vh) scale(0.27);
  }
  44.4444444444% {
    transform: translateX(-21vw) translateY(43vh) scale(0.35);
  }
  50% {
    transform: translateX(-6vw) translateY(-41vh) scale(0.54);
  }
  55.5555555556% {
    transform: translateX(11vw) translateY(28vh) scale(0.61);
  }
  61.1111111111% {
    transform: translateX(-18vw) translateY(-47vh) scale(0.84);
  }
  66.6666666667% {
    transform: translateX(-46vw) translateY(-27vh) scale(0.31);
  }
  72.2222222222% {
    transform: translateX(-8vw) translateY(-34vh) scale(0.93);
  }
  77.7777777778% {
    transform: translateX(-3vw) translateY(-5vh) scale(0.77);
  }
  83.3333333333% {
    transform: translateX(25vw) translateY(-23vh) scale(0.63);
  }
  88.8888888889% {
    transform: translateX(27vw) translateY(7vh) scale(1);
  }
  94.4444444444% {
    transform: translateX(28vw) translateY(16vh) scale(0.54);
  }
  100% {
    transform: translateX(-38vw) translateY(21vh) scale(0.28);
  }
}
html.firefly .firefly:nth-child(5) {
  animation-name: move5;
}
html.firefly .firefly:nth-child(5)::before {
  animation-duration: 11s;
}
html.firefly .firefly:nth-child(5)::after {
  animation-duration: 11s, 10028ms;
  animation-delay: 0ms, 2134ms;
}

@keyframes move5 {
  0% {
    transform: translateX(-3vw) translateY(10vh) scale(0.26);
  }
  4.7619047619% {
    transform: translateX(9vw) translateY(4vh) scale(0.41);
  }
  9.5238095238% {
    transform: translateX(-5vw) translateY(-46vh) scale(0.46);
  }
  14.2857142857% {
    transform: translateX(12vw) translateY(-39vh) scale(0.99);
  }
  19.0476190476% {
    transform: translateX(-26vw) translateY(-36vh) scale(0.32);
  }
  23.8095238095% {
    transform: translateX(-33vw) translateY(-21vh) scale(0.58);
  }
  28.5714285714% {
    transform: translateX(42vw) translateY(-11vh) scale(0.38);
  }
  33.3333333333% {
    transform: translateX(-5vw) translateY(23vh) scale(0.29);
  }
  38.0952380952% {
    transform: translateX(-14vw) translateY(-26vh) scale(0.31);
  }
  42.8571428571% {
    transform: translateX(-24vw) translateY(41vh) scale(0.3);
  }
  47.619047619% {
    transform: translateX(-8vw) translateY(12vh) scale(0.94);
  }
  52.380952381% {
    transform: translateX(36vw) translateY(20vh) scale(0.65);
  }
  57.1428571429% {
    transform: translateX(17vw) translateY(50vh) scale(0.87);
  }
  61.9047619048% {
    transform: translateX(13vw) translateY(-20vh) scale(0.61);
  }
  66.6666666667% {
    transform: translateX(35vw) translateY(-47vh) scale(0.51);
  }
  71.4285714286% {
    transform: translateX(-23vw) translateY(26vh) scale(0.84);
  }
  76.1904761905% {
    transform: translateX(-43vw) translateY(34vh) scale(0.65);
  }
  80.9523809524% {
    transform: translateX(-19vw) translateY(-43vh) scale(0.97);
  }
  85.7142857143% {
    transform: translateX(11vw) translateY(9vh) scale(1);
  }
  90.4761904762% {
    transform: translateX(-11vw) translateY(20vh) scale(0.95);
  }
  95.2380952381% {
    transform: translateX(-25vw) translateY(28vh) scale(0.93);
  }
  100% {
    transform: translateX(-17vw) translateY(-4vh) scale(0.69);
  }
}
html.firefly .firefly:nth-child(6) {
  animation-name: move6;
}
html.firefly .firefly:nth-child(6)::before {
  animation-duration: 10s;
}
html.firefly .firefly:nth-child(6)::after {
  animation-duration: 10s, 9540ms;
  animation-delay: 0ms, 4178ms;
}

@keyframes move6 {
  0% {
    transform: translateX(-13vw) translateY(-10vh) scale(0.49);
  }
  4.347826087% {
    transform: translateX(-40vw) translateY(-40vh) scale(0.86);
  }
  8.6956521739% {
    transform: translateX(-26vw) translateY(-49vh) scale(0.73);
  }
  13.0434782609% {
    transform: translateX(24vw) translateY(-45vh) scale(0.49);
  }
  17.3913043478% {
    transform: translateX(-20vw) translateY(-27vh) scale(0.27);
  }
  21.7391304348% {
    transform: translateX(30vw) translateY(16vh) scale(0.64);
  }
  26.0869565217% {
    transform: translateX(40vw) translateY(-18vh) scale(0.99);
  }
  30.4347826087% {
    transform: translateX(-3vw) translateY(-5vh) scale(0.56);
  }
  34.7826086957% {
    transform: translateX(-44vw) translateY(-9vh) scale(0.28);
  }
  39.1304347826% {
    transform: translateX(-27vw) translateY(10vh) scale(0.74);
  }
  43.4782608696% {
    transform: translateX(22vw) translateY(-13vh) scale(0.79);
  }
  47.8260869565% {
    transform: translateX(27vw) translateY(-48vh) scale(0.59);
  }
  52.1739130435% {
    transform: translateX(-1vw) translateY(-33vh) scale(0.96);
  }
  56.5217391304% {
    transform: translateX(44vw) translateY(-43vh) scale(0.79);
  }
  60.8695652174% {
    transform: translateX(-41vw) translateY(-6vh) scale(0.85);
  }
  65.2173913043% {
    transform: translateX(-36vw) translateY(-48vh) scale(0.48);
  }
  69.5652173913% {
    transform: translateX(-20vw) translateY(-9vh) scale(0.38);
  }
  73.9130434783% {
    transform: translateX(-23vw) translateY(-35vh) scale(0.54);
  }
  78.2608695652% {
    transform: translateX(35vw) translateY(-9vh) scale(0.91);
  }
  82.6086956522% {
    transform: translateX(20vw) translateY(-43vh) scale(0.82);
  }
  86.9565217391% {
    transform: translateX(-48vw) translateY(18vh) scale(0.53);
  }
  91.3043478261% {
    transform: translateX(33vw) translateY(20vh) scale(1);
  }
  95.652173913% {
    transform: translateX(-13vw) translateY(-11vh) scale(0.31);
  }
  100% {
    transform: translateX(-23vw) translateY(22vh) scale(0.86);
  }
}
html.firefly .firefly:nth-child(7) {
  animation-name: move7;
}
html.firefly .firefly:nth-child(7)::before {
  animation-duration: 12s;
}
html.firefly .firefly:nth-child(7)::after {
  animation-duration: 12s, 9210ms;
  animation-delay: 0ms, 7178ms;
}

@keyframes move7 {
  0% {
    transform: translateX(4vw) translateY(39vh) scale(0.67);
  }
  4.1666666667% {
    transform: translateX(38vw) translateY(50vh) scale(0.99);
  }
  8.3333333333% {
    transform: translateX(-21vw) translateY(21vh) scale(0.38);
  }
  12.5% {
    transform: translateX(-42vw) translateY(-46vh) scale(0.27);
  }
  16.6666666667% {
    transform: translateX(-3vw) translateY(18vh) scale(0.49);
  }
  20.8333333333% {
    transform: translateX(2vw) translateY(8vh) scale(0.81);
  }
  25% {
    transform: translateX(20vw) translateY(23vh) scale(0.35);
  }
  29.1666666667% {
    transform: translateX(-23vw) translateY(33vh) scale(0.33);
  }
  33.3333333333% {
    transform: translateX(-24vw) translateY(33vh) scale(0.62);
  }
  37.5% {
    transform: translateX(-2vw) translateY(-40vh) scale(0.95);
  }
  41.6666666667% {
    transform: translateX(38vw) translateY(26vh) scale(0.35);
  }
  45.8333333333% {
    transform: translateX(-47vw) translateY(1vh) scale(0.9);
  }
  50% {
    transform: translateX(32vw) translateY(40vh) scale(0.28);
  }
  54.1666666667% {
    transform: translateX(-43vw) translateY(20vh) scale(0.36);
  }
  58.3333333333% {
    transform: translateX(-31vw) translateY(22vh) scale(0.54);
  }
  62.5% {
    transform: translateX(-16vw) translateY(-48vh) scale(0.79);
  }
  66.6666666667% {
    transform: translateX(0vw) translateY(33vh) scale(0.58);
  }
  70.8333333333% {
    transform: translateX(10vw) translateY(-24vh) scale(0.41);
  }
  75% {
    transform: translateX(-8vw) translateY(-29vh) scale(0.4);
  }
  79.1666666667% {
    transform: translateX(6vw) translateY(-25vh) scale(0.88);
  }
  83.3333333333% {
    transform: translateX(-38vw) translateY(46vh) scale(1);
  }
  87.5% {
    transform: translateX(19vw) translateY(-17vh) scale(0.42);
  }
  91.6666666667% {
    transform: translateX(-30vw) translateY(-9vh) scale(0.9);
  }
  95.8333333333% {
    transform: translateX(-28vw) translateY(30vh) scale(0.6);
  }
  100% {
    transform: translateX(20vw) translateY(19vh) scale(0.96);
  }
}
html.firefly .firefly:nth-child(8) {
  animation-name: move8;
}
html.firefly .firefly:nth-child(8)::before {
  animation-duration: 12s;
}
html.firefly .firefly:nth-child(8)::after {
  animation-duration: 12s, 5231ms;
  animation-delay: 0ms, 4455ms;
}

@keyframes move8 {
  0% {
    transform: translateX(20vw) translateY(-33vh) scale(0.8);
  }
  4.5454545455% {
    transform: translateX(-31vw) translateY(-29vh) scale(0.29);
  }
  9.0909090909% {
    transform: translateX(-44vw) translateY(22vh) scale(0.92);
  }
  13.6363636364% {
    transform: translateX(9vw) translateY(-34vh) scale(0.93);
  }
  18.1818181818% {
    transform: translateX(-3vw) translateY(-28vh) scale(0.37);
  }
  22.7272727273% {
    transform: translateX(48vw) translateY(-25vh) scale(0.92);
  }
  27.2727272727% {
    transform: translateX(-10vw) translateY(5vh) scale(0.77);
  }
  31.8181818182% {
    transform: translateX(25vw) translateY(8vh) scale(0.8);
  }
  36.3636363636% {
    transform: translateX(-37vw) translateY(21vh) scale(0.48);
  }
  40.9090909091% {
    transform: translateX(-46vw) translateY(15vh) scale(0.53);
  }
  45.4545454545% {
    transform: translateX(40vw) translateY(-9vh) scale(0.65);
  }
  50% {
    transform: translateX(33vw) translateY(29vh) scale(0.41);
  }
  54.5454545455% {
    transform: translateX(-46vw) translateY(-41vh) scale(0.87);
  }
  59.0909090909% {
    transform: translateX(-18vw) translateY(19vh) scale(0.64);
  }
  63.6363636364% {
    transform: translateX(-29vw) translateY(37vh) scale(0.63);
  }
  68.1818181818% {
    transform: translateX(-31vw) translateY(-35vh) scale(0.32);
  }
  72.7272727273% {
    transform: translateX(-19vw) translateY(-30vh) scale(0.33);
  }
  77.2727272727% {
    transform: translateX(22vw) translateY(10vh) scale(0.27);
  }
  81.8181818182% {
    transform: translateX(-48vw) translateY(-27vh) scale(0.88);
  }
  86.3636363636% {
    transform: translateX(38vw) translateY(-10vh) scale(0.72);
  }
  90.9090909091% {
    transform: translateX(38vw) translateY(-45vh) scale(0.94);
  }
  95.4545454545% {
    transform: translateX(-36vw) translateY(-5vh) scale(0.43);
  }
  100% {
    transform: translateX(-31vw) translateY(-41vh) scale(0.82);
  }
}
html.firefly .firefly:nth-child(9) {
  animation-name: move9;
}
html.firefly .firefly:nth-child(9)::before {
  animation-duration: 9s;
}
html.firefly .firefly:nth-child(9)::after {
  animation-duration: 9s, 10620ms;
  animation-delay: 0ms, 4732ms;
}

@keyframes move9 {
  0% {
    transform: translateX(18vw) translateY(43vh) scale(0.71);
  }
  3.8461538462% {
    transform: translateX(-28vw) translateY(7vh) scale(0.92);
  }
  7.6923076923% {
    transform: translateX(43vw) translateY(-8vh) scale(0.83);
  }
  11.5384615385% {
    transform: translateX(39vw) translateY(27vh) scale(0.38);
  }
  15.3846153846% {
    transform: translateX(6vw) translateY(-15vh) scale(0.93);
  }
  19.2307692308% {
    transform: translateX(50vw) translateY(44vh) scale(0.29);
  }
  23.0769230769% {
    transform: translateX(-10vw) translateY(8vh) scale(0.26);
  }
  26.9230769231% {
    transform: translateX(21vw) translateY(12vh) scale(0.68);
  }
  30.7692307692% {
    transform: translateX(4vw) translateY(0vh) scale(0.59);
  }
  34.6153846154% {
    transform: translateX(35vw) translateY(-16vh) scale(0.85);
  }
  38.4615384615% {
    transform: translateX(50vw) translateY(19vh) scale(0.65);
  }
  42.3076923077% {
    transform: translateX(-10vw) translateY(12vh) scale(0.91);
  }
  46.1538461538% {
    transform: translateX(7vw) translateY(40vh) scale(0.97);
  }
  50% {
    transform: translateX(-49vw) translateY(27vh) scale(0.76);
  }
  53.8461538462% {
    transform: translateX(42vw) translateY(-31vh) scale(0.26);
  }
  57.6923076923% {
    transform: translateX(-1vw) translateY(10vh) scale(0.6);
  }
  61.5384615385% {
    transform: translateX(-39vw) translateY(-9vh) scale(0.92);
  }
  65.3846153846% {
    transform: translateX(-20vw) translateY(40vh) scale(0.37);
  }
  69.2307692308% {
    transform: translateX(11vw) translateY(-29vh) scale(0.53);
  }
  73.0769230769% {
    transform: translateX(-5vw) translateY(45vh) scale(0.79);
  }
  76.9230769231% {
    transform: translateX(9vw) translateY(-32vh) scale(0.79);
  }
  80.7692307692% {
    transform: translateX(43vw) translateY(-24vh) scale(0.61);
  }
  84.6153846154% {
    transform: translateX(28vw) translateY(9vh) scale(0.78);
  }
  88.4615384615% {
    transform: translateX(41vw) translateY(-37vh) scale(0.6);
  }
  92.3076923077% {
    transform: translateX(-17vw) translateY(-45vh) scale(0.32);
  }
  96.1538461538% {
    transform: translateX(29vw) translateY(4vh) scale(0.98);
  }
  100% {
    transform: translateX(-31vw) translateY(-23vh) scale(0.87);
  }
}
html.firefly .firefly:nth-child(10) {
  animation-name: move10;
}
html.firefly .firefly:nth-child(10)::before {
  animation-duration: 13s;
}
html.firefly .firefly:nth-child(10)::after {
  animation-duration: 13s, 10704ms;
  animation-delay: 0ms, 3026ms;
}

@keyframes move10 {
  0% {
    transform: translateX(-48vw) translateY(-46vh) scale(0.9);
  }
  4.347826087% {
    transform: translateX(11vw) translateY(-14vh) scale(0.68);
  }
  8.6956521739% {
    transform: translateX(-37vw) translateY(-21vh) scale(0.27);
  }
  13.0434782609% {
    transform: translateX(-21vw) translateY(33vh) scale(0.33);
  }
  17.3913043478% {
    transform: translateX(15vw) translateY(10vh) scale(0.28);
  }
  21.7391304348% {
    transform: translateX(34vw) translateY(29vh) scale(0.63);
  }
  26.0869565217% {
    transform: translateX(-33vw) translateY(-13vh) scale(0.74);
  }
  30.4347826087% {
    transform: translateX(36vw) translateY(-12vh) scale(0.49);
  }
  34.7826086957% {
    transform: translateX(4vw) translateY(38vh) scale(0.86);
  }
  39.1304347826% {
    transform: translateX(19vw) translateY(-26vh) scale(0.46);
  }
  43.4782608696% {
    transform: translateX(-19vw) translateY(-32vh) scale(0.94);
  }
  47.8260869565% {
    transform: translateX(10vw) translateY(-49vh) scale(0.4);
  }
  52.1739130435% {
    transform: translateX(17vw) translateY(43vh) scale(0.69);
  }
  56.5217391304% {
    transform: translateX(-39vw) translateY(-10vh) scale(0.87);
  }
  60.8695652174% {
    transform: translateX(-29vw) translateY(-6vh) scale(0.57);
  }
  65.2173913043% {
    transform: translateX(23vw) translateY(3vh) scale(0.3);
  }
  69.5652173913% {
    transform: translateX(-23vw) translateY(4vh) scale(0.45);
  }
  73.9130434783% {
    transform: translateX(-7vw) translateY(37vh) scale(0.26);
  }
  78.2608695652% {
    transform: translateX(-23vw) translateY(-19vh) scale(0.64);
  }
  82.6086956522% {
    transform: translateX(3vw) translateY(-49vh) scale(0.96);
  }
  86.9565217391% {
    transform: translateX(-11vw) translateY(15vh) scale(0.7);
  }
  91.3043478261% {
    transform: translateX(16vw) translateY(-27vh) scale(0.56);
  }
  95.652173913% {
    transform: translateX(-37vw) translateY(-19vh) scale(0.28);
  }
  100% {
    transform: translateX(28vw) translateY(28vh) scale(0.32);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow;
  }
}


/*
Animated Gradient by Manuel Pinto https://codepen.io/P1N2O/pen/pyBNzX/
*/
html.animatedgradient {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/*
Animated Background Color Change by 404ryannotfound
*/
html.animatedbgcolor {
animation: colorchange 50s ease infinite;
-webkit-animation: colorchange 50s ease infinite;
/* Safari and Chrome - necessary duplicate */

}

@keyframes colorchange
    {
  0% {background: #e8630a;}
  10% {background: #EA3281;}
  20% {background: #E71669;}
  30% {background: #661BAC;}
  40% {background: #FDC600;}
  50% {background: #75AC25;}
  60% {background: #3283B5;}
  70% {background: #0A5D9A;}
  80% {background: #232F37;}
  90% {background: #1B2735;}
  100% {background: #e8630a;}
    }

@-webkit-keyframes colorchange 
/* Safari and Chrome - necessary duplicate */
    {
  0% {background: #e8630a;}
  10% {background: #EA3281;}
  20% {background: #E71669;}
  30% {background: #661BAC;}
  40% {background: #FDC600;}
  50% {background: #75AC25;}
  60% {background: #3283B5;}
  70% {background: #0A5D9A;}
  80% {background: #232F37;}
  90% {background: #1B2735;}
  100% {background: #e8630a;}
}

/*
Shooting Stars by Yuseke Nakaya https://codepen.io/YusukeNakaya/pen/XyOaBj/
*/
html.shootingstars body {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  font-family: 'Anton', sans-serif;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

html.shootingstars .shootingstars .night {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

html.shootingstars .shootingstars .shooting_star {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
  border-radius: 999px;
  -webkit-filter: drop-shadow(0 0 6px #699bff);
          filter: drop-shadow(0 0 6px #699bff);
  -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
          animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
html.shootingstars .shootingstars .shooting_star::before, html.shootingstars .shootingstars .shooting_star::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
  -webkit-transform: translateX(50%) rotateZ(45deg);
          transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
  -webkit-animation: shining 3000ms ease-in-out infinite;
          animation: shining 3000ms ease-in-out infinite;
}
html.shootingstars .shootingstars .shooting_star::after {
  -webkit-transform: translateX(50%) rotateZ(-45deg);
          transform: translateX(50%) rotateZ(-45deg);
}
html.shootingstars .shootingstars .shooting_star:nth-child(1) {
  top: calc(50% - -86px);
  left: calc(50% - 170px);
  -webkit-animation-delay: 1101ms;
          animation-delay: 1101ms;
}
html.shootingstars body  .shooting_star:nth-child(1)::before, html.shootingstars body  .shooting_star:nth-child(1)::after, html.shootingstars body  .shooting_star:nth-child(1)::after {
  -webkit-animation-delay: 1101ms;
          animation-delay: 1101ms;
}
html.shootingstars body  .shooting_star:nth-child(2) {
  top: calc(50% - -169px);
  left: calc(50% - 20px);
  -webkit-animation-delay: 5460ms;
          animation-delay: 5460ms;
}
html.shootingstars body  .shooting_star:nth-child(2)::before, html.shootingstars body  .shooting_star:nth-child(2)::after, html.shootingstars body  .shooting_star:nth-child(2)::after {
  -webkit-animation-delay: 5460ms;
          animation-delay: 5460ms;
}
html.shootingstars body  .shooting_star:nth-child(3) {
  top: calc(50% - -50px);
  left: calc(50% - 188px);
  -webkit-animation-delay: 5594ms;
          animation-delay: 5594ms;
}
html.shootingstars body  .shooting_star:nth-child(3)::before, html.shootingstars body  .shooting_star:nth-child(3)::after, html.shootingstars body  .shooting_star:nth-child(3)::after {
  -webkit-animation-delay: 5594ms;
          animation-delay: 5594ms;
}
html.shootingstars body  .shooting_star:nth-child(4) {
  top: calc(50% - 140px);
  left: calc(50% - 61px);
  -webkit-animation-delay: 8989ms;
          animation-delay: 8989ms;
}
html.shootingstars body  .shooting_star:nth-child(4)::before, html.shootingstars body  .shooting_star:nth-child(4)::after, html.shootingstars body  .shooting_star:nth-child(4)::after {
  -webkit-animation-delay: 8989ms;
          animation-delay: 8989ms;
}
html.shootingstars body  .shooting_star:nth-child(5) {
  top: calc(50% - 148px);
  left: calc(50% - 30px);
  -webkit-animation-delay: 2210ms;
          animation-delay: 2210ms;
}
html.shootingstars body  .shooting_star:nth-child(5)::before, html.shootingstars body  .shooting_star:nth-child(5)::after, html.shootingstars body  .shooting_star:nth-child(5)::after {
  -webkit-animation-delay: 2210ms;
          animation-delay: 2210ms;
}
html.shootingstars body  .shooting_star:nth-child(6) {
  top: calc(50% - 19px);
  left: calc(50% - 57px);
  -webkit-animation-delay: 1357ms;
          animation-delay: 1357ms;
}
html.shootingstars body  .shooting_star:nth-child(6)::before, html.shootingstars body  .shooting_star:nth-child(6)::after, html.shootingstars body  .shooting_star:nth-child(6)::after {
  -webkit-animation-delay: 1357ms;
          animation-delay: 1357ms;
}
html.shootingstars body  .shooting_star:nth-child(7) {
  top: calc(50% - 96px);
  left: calc(50% - 287px);
  -webkit-animation-delay: 6377ms;
          animation-delay: 6377ms;
}
html.shootingstars body  .shooting_star:nth-child(7)::before, html.shootingstars body  .shooting_star:nth-child(7)::after, html.shootingstars body  .shooting_star:nth-child(7)::after {
  -webkit-animation-delay: 6377ms;
          animation-delay: 6377ms;
}
html.shootingstars body  .shooting_star:nth-child(8) {
  top: calc(50% - -41px);
  left: calc(50% - 28px);
  -webkit-animation-delay: 3276ms;
          animation-delay: 3276ms;
}
html.shootingstars body  .shooting_star:nth-child(8)::before, html.shootingstars body  .shooting_star:nth-child(8)::after, html.shootingstars body  .shooting_star:nth-child(8)::after {
  -webkit-animation-delay: 3276ms;
          animation-delay: 3276ms;
}
html.shootingstars body  .shooting_star:nth-child(9) {
  top: calc(50% - -92px);
  left: calc(50% - 282px);
  -webkit-animation-delay: 8939ms;
          animation-delay: 8939ms;
}
html.shootingstars body  .shooting_star:nth-child(9)::before, html.shootingstars body  .shooting_star:nth-child(9)::after, html.shootingstars body  .shooting_star:nth-child(9)::after {
  -webkit-animation-delay: 8939ms;
          animation-delay: 8939ms;
}
html.shootingstars body  .shooting_star:nth-child(10) {
  top: calc(50% - 115px);
  left: calc(50% - 33px);
  -webkit-animation-delay: 5170ms;
          animation-delay: 5170ms;
}
html.shootingstars body  .shooting_star:nth-child(10)::before, html.shootingstars body  .shooting_star:nth-child(10)::after, html.shootingstars body  .shooting_star:nth-child(10)::after {
  -webkit-animation-delay: 5170ms;
          animation-delay: 5170ms;
}
html.shootingstars body  .shooting_star:nth-child(11) {
  top: calc(50% - -196px);
  left: calc(50% - 207px);
  -webkit-animation-delay: 1782ms;
          animation-delay: 1782ms;
}
html.shootingstars body  .shooting_star:nth-child(11)::before, html.shootingstars body  .shooting_star:nth-child(11)::after, html.shootingstars body  .shooting_star:nth-child(11)::after {
  -webkit-animation-delay: 1782ms;
          animation-delay: 1782ms;
}
html.shootingstars body  .shooting_star:nth-child(12) {
  top: calc(50% - 192px);
  left: calc(50% - 76px);
  -webkit-animation-delay: 8440ms;
          animation-delay: 8440ms;
}
html.shootingstars body  .shooting_star:nth-child(12)::before, html.shootingstars body  .shooting_star:nth-child(12)::after, html.shootingstars body  .shooting_star:nth-child(12)::after {
  -webkit-animation-delay: 8440ms;
          animation-delay: 8440ms;
}
html.shootingstars body  .shooting_star:nth-child(13) {
  top: calc(50% - -5px);
  left: calc(50% - 133px);
  -webkit-animation-delay: 3991ms;
          animation-delay: 3991ms;
}
html.shootingstars body  .shooting_star:nth-child(13)::before, html.shootingstars body  .shooting_star:nth-child(13)::after, html.shootingstars body  .shooting_star:nth-child(13)::after {
  -webkit-animation-delay: 3991ms;
          animation-delay: 3991ms;
}
html.shootingstars body  .shooting_star:nth-child(14) {
  top: calc(50% - 160px);
  left: calc(50% - 53px);
  -webkit-animation-delay: 1273ms;
          animation-delay: 1273ms;
}
html.shootingstars body  .shooting_star:nth-child(14)::before, html.shootingstars body  .shooting_star:nth-child(14)::after, html.shootingstars body  .shooting_star:nth-child(14)::after {
  -webkit-animation-delay: 1273ms;
          animation-delay: 1273ms;
}
html.shootingstars body  .shooting_star:nth-child(15) {
  top: calc(50% - 92px);
  left: calc(50% - 34px);
  -webkit-animation-delay: 8699ms;
          animation-delay: 8699ms;
}
html.shootingstars body  .shooting_star:nth-child(15)::before, html.shootingstars body  .shooting_star:nth-child(15)::after, html.shootingstars body  .shooting_star:nth-child(15)::after {
  -webkit-animation-delay: 8699ms;
          animation-delay: 8699ms;
}
html.shootingstars body  .shooting_star:nth-child(16) {
  top: calc(50% - -9px);
  left: calc(50% - 283px);
  -webkit-animation-delay: 3125ms;
          animation-delay: 3125ms;
}
html.shootingstars body  .shooting_star:nth-child(16)::before, html.shootingstars body  .shooting_star:nth-child(16)::after, html.shootingstars body  .shooting_star:nth-child(16)::after {
  -webkit-animation-delay: 3125ms;
          animation-delay: 3125ms;
}
html.shootingstars body  .shooting_star:nth-child(17) {
  top: calc(50% - -27px);
  left: calc(50% - 295px);
  -webkit-animation-delay: 7121ms;
          animation-delay: 7121ms;
}
html.shootingstars body  .shooting_star:nth-child(17)::before, html.shootingstars body  .shooting_star:nth-child(17)::after, html.shootingstars body  .shooting_star:nth-child(17)::after {
  -webkit-animation-delay: 7121ms;
          animation-delay: 7121ms;
}
html.shootingstars body  .shooting_star:nth-child(18) {
  top: calc(50% - -11px);
  left: calc(50% - 194px);
  -webkit-animation-delay: 4708ms;
          animation-delay: 4708ms;
}
html.shootingstars body  .shooting_star:nth-child(18)::before, html.shootingstars body  .shooting_star:nth-child(18)::after, html.shootingstars body  .shooting_star:nth-child(18)::after {
  -webkit-animation-delay: 4708ms;
          animation-delay: 4708ms;
}
html.shootingstars body  .shooting_star:nth-child(19) {
  top: calc(50% - -50px);
  left: calc(50% - 196px);
  -webkit-animation-delay: 8879ms;
          animation-delay: 8879ms;
}
html.shootingstars body  .shooting_star:nth-child(19)::before, html.shootingstars body  .shooting_star:nth-child(19)::after, html.shootingstars body  .shooting_star:nth-child(19)::after {
  -webkit-animation-delay: 8879ms;
          animation-delay: 8879ms;
}
html.shootingstars body  .shooting_star:nth-child(20) {
  top: calc(50% - 24px);
  left: calc(50% - 93px);
  -webkit-animation-delay: 6058ms;
          animation-delay: 6058ms;
}
html.shootingstars body  .shooting_star:nth-child(20)::before, html.shootingstars body  .shooting_star:nth-child(20)::after, html.shootingstars body  .shooting_star:nth-child(20)::after {
  -webkit-animation-delay: 6058ms;
          animation-delay: 6058ms;
}

@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}
@-webkit-keyframes sky {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes sky {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}


/* 
Sliding Diagonal by Chris Smith https://codepen.io/chris22smith/pen/RZogMa (Slightly modified)
*/
html.slidingdiagonal body {

}

html.slidingdiagonal .bg {
  animation:bgslide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #090A0F 50%, #111D2B 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

html.slidingdiagonal .bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

html.slidingdiagonal .bg3 {
  animation-duration:5s;
}


@keyframes bgslide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}
/*
Lava Lamp by https://codepen.io/Rosefae/pen/XPaMYL (Heavily modified)
*/

html.lavalamp .lamp{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  height: 100vh;
  height: 100vh;
  width: 100vw;
  min-width: 100vw;

}

html.lavalamp .lava{
  filter: url("#goo");
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
}

html.lavalamp .blob{
  border-radius: 50%;
  background: #3283B5;
  /* Sample colors:
  Orange: #e8630a
  Pink: #EA3281
  Fuscia: #E71669
  Purple: #661BAC
  Yellow: #FDC600
  Kermit green: #75AC25
  Light blue: #3283B5
  Dark blue: #0A5D9A
  Gunmetal: #232F37
  BGLight: #1B2735
  BGDark: #090a0f
  Want more colors? check out https://coolors.co/ for inspiration.
  */
  position:absolute;
}
html.lavalamp .blob.top{
  width: 100%;
  height: 4%;
  top: -3%;
  left:0;
}
html.lavalamp .blob.bottom{
  width: 100%;
  height:4%;
  bottom: -3%;
  left:0;
}
html.lavalamp .blob:nth-child(1){
  width: 200px;
  height: 200px;
  left: 35%;
  bottom:-15%;
  
  animation: blob-one ease-in-out 13s infinite;
}
html.lavalamp .blob:nth-child(2){
  width: 330px;
  height: 330px;
  right: 24%;
  bottom:-65%;
  
  animation: blob-two ease-in-out 22s infinite;
}
html.lavalamp .blob:nth-child(3){
  width: 150px;
  height: 150px;
  bottom:-15%;
  left: 34%;
  
  animation: blob-three ease-in-out 16s infinite;
}
html.lavalamp .blob:nth-child(4){
  width: 235px;
  height: 235px;
  bottom:-19%;
  left: 30%;
  
  animation: blob-four ease-in-out 12s infinite;
}
html.lavalamp .blob:nth-child(4){
  width: 235px;
  height: 235px;
  bottom:-19%;
  left: 30%;
  animation: blob-four ease-in-out 12s infinite;
}
html.lavalamp .blob:nth-child(5){
   width: 55px;
  height: 55px;
  bottom:-25%;
  left: 34%;
  
  animation: blob-five ease-in-out 32s infinite;
}
html.lavalamp .blob:nth-child(6){
  width: 35px;
  height: 35px;
  bottom:-25%;
  right: 34%;
  
  animation: blob-six ease-in-out 12s infinite;
}
html.lavalamp .blob:nth-child(7){
  width: 435px;
  height: 435px;
  bottom:-85%;
  right: 40%;
  
  animation: blob-seven ease-in-out 32s infinite;
}
@keyframes blob-one{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
    transform: translatey(-700%);
  }
}

@keyframes blob-two{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
    transform: translatey(-420%);
  }
}

@keyframes blob-three{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
    transform: translatey(-305%);
  }
}
@keyframes blob-four{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
    transform: translatey(-605%);
  }
}
@keyframes blob-five{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
     transform: translatey(-700%);
  }
}
@keyframes blob-six{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
     transform: translatey(-700%);
  }
}
@keyframes blob-seven{
  0%, 100%{
    transform: translatey(0);
  }
  50%{
     transform: translatey(-300%);
  }
}



/*
Bokeh (Colored) by Keith Clark https://codepen.io/keithclark/pen/ZjrwpW/ (Slightly modified)
*/

html.bokeh head::before, html.bokeh head::after,
html.bokeh body::before, html.bokeh body::after {
  display: block;
  font-size: 52px;
  color: transparent;
}

html.bokeh head::before, html.bokeh head::after,
html.bokeh body::before, html.bokeh body::after {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: '.';
  mix-blend-mode: screen;
  animation: 44s -27s move infinite ease-in-out alternate;
}

html.bokeh body::before {
  text-shadow: -0.0104504321em 0.5373348952em 7px rgba(0, 255, 223, 0.9), -0.1542386024em 1.3463907314em 7px rgba(255, 0, 11, 0.9), 1.1636883098em 1.737277894em 7px rgba(83, 0, 255, 0.9), -0.3429973968em 1.0396948466em 7px rgba(173, 0, 255, 0.9), 0.2774054104em 0.057867092em 7px rgba(0, 255, 111, 0.9), -0.109218471em 1.153835452em 7px rgba(0, 155, 255, 0.9), -0.4111658886em 1.6376383819em 7px rgba(255, 62, 0, 0.9), 2.0919458215em -0.4600246187em 7px rgba(255, 39, 0, 0.9), 0.8008909263em 0.4091805479em 7px rgba(0, 168, 255, 0.9), 1.7908126151em 1.0003001387em 7px rgba(45, 0, 255, 0.9), 0.8732872354em 1.2316357022em 7px rgba(0, 84, 255, 0.9), -0.0118315653em 2.0756632562em 7px rgba(141, 255, 0, 0.9), 1.5865039083em 0.9303008394em 7px rgba(255, 43, 0, 0.9), 0.104028495em 0.5034048675em 7px rgba(142, 0, 255, 0.9), 2.2627497651em 1.0424478069em 7px rgba(255, 128, 0, 0.9), 1.4757057318em -0.0761806029em 7px rgba(0, 228, 255, 0.9), 0.9289748267em 1.7634178072em 7px rgba(232, 255, 0, 0.9), 1.9692894725em 0.3921867404em 7px rgba(61, 0, 255, 0.9), 1.8114522986em -0.320560265em 7px rgba(0, 255, 74, 0.9), -0.4193278376em 1.8531896863em 7px rgba(255, 202, 0, 0.9), -0.3571555839em 2.1529288531em 7px rgba(0, 255, 109, 0.9);
  animation-duration: 44s;
  animation-delay: -27s;
}

html.bokeh body::after {
  text-shadow: -0.4654545659em -0.4954574724em 7px rgba(255, 212, 0, 0.9), 1.6001877643em 0.0770141732em 7px rgba(34, 255, 0, 0.9), 1.3457566933em 0.8709190809em 7px rgba(255, 0, 88, 0.9), 0.6388278308em 0.5418821404em 7px rgba(0, 255, 35, 0.9), 2.020857964em 0.1372204827em 7px rgba(137, 0, 255, 0.9), -0.2897064313em -0.2048095255em 7px rgba(255, 0, 102, 0.9), 1.3988709325em -0.3086185738em 7px rgba(0, 108, 255, 0.9), 0.5754362514em 0.5228788686em 7px rgba(0, 255, 44, 0.9), -0.2204540594em 0.0231551569em 7px rgba(0, 255, 113, 0.9), 2.2015598602em 0.1097817485em 7px rgba(255, 75, 0, 0.9), 1.2485424261em 1.9338008113em 7px rgba(222, 255, 0, 0.9), -0.0184180729em 2.0133675348em 7px rgba(255, 223, 0, 0.9), 0.2980190521em 1.9513681014em 7px rgba(255, 197, 0, 0.9), 0.7539633852em 0.9015004153em 7px rgba(96, 255, 0, 0.9), 1.2816581701em 0.2003431252em 7px rgba(255, 0, 138, 0.9), 2.1677680625em 0.4329688506em 7px rgba(234, 0, 255, 0.9), 0.585555927em 0.9779419392em 7px rgba(0, 255, 201, 0.9), 1.8517216054em -0.2585661515em 7px rgba(255, 150, 0, 0.9), 0.9717844466em -0.2085911515em 7px rgba(30, 255, 0, 0.9), 2.1575377614em 1.2641264679em 7px rgba(255, 172, 0, 0.9), 0.1101680329em 0.4166989425em 7px rgba(117, 0, 255, 0.9);
  animation-duration: 43s;
  animation-delay: -32s;
}

html.bokeh head::before {
  text-shadow: -0.3838313196em 2.083661291em 7px rgba(0, 255, 107, 0.9), 1.9815612813em 1.7767339647em 7px rgba(143, 0, 255, 0.9), 0.616673574em 1.4728955339em 7px rgba(255, 0, 50, 0.9), 0.7338925912em 1.4132126316em 7px rgba(255, 0, 69, 0.9), 0.8704218972em 0.6573654941em 7px rgba(255, 0, 127, 0.9), -0.0853602093em 2.4187345546em 7px rgba(255, 223, 0, 0.9), 2.1324043875em 0.6618659176em 7px rgba(102, 255, 0, 0.9), 0.2213372192em 1.5423883443em 7px rgba(0, 255, 102, 0.9), 1.7287524649em 0.9552955389em 7px rgba(255, 0, 147, 0.9), -0.4642764062em 1.5320864321em 7px rgba(255, 237, 0, 0.9), 1.6662704471em -0.3645147281em 7px rgba(255, 0, 241, 0.9), 2.3798561852em 0.2004331365em 7px rgba(0, 248, 255, 0.9), 1.955047415em 2.3497091653em 7px rgba(255, 19, 0, 0.9), 1.5805902852em 1.9201936948em 7px rgba(255, 0, 69, 0.9), -0.1922480503em 2.4413095091em 7px rgba(0, 240, 255, 0.9), 1.3241656436em 1.8240204269em 7px rgba(255, 157, 0, 0.9), -0.110590929em 2.0245223127em 7px rgba(255, 0, 187, 0.9), 1.9398390214em -0.1947651269em 7px rgba(255, 162, 0, 0.9), 0.2159187102em 2.3190063131em 7px rgba(0, 255, 115, 0.9), 0.012404362em -0.478634917em 7px rgba(255, 0, 133, 0.9), 0.935006275em 0.4292001306em 7px rgba(255, 0, 133, 0.9);
  animation-duration: 42s;
  animation-delay: -23s;
}

html.bokeh head::after {
  text-shadow: 2.0767946275em 0.6258426114em 7px rgba(0, 23, 255, 0.9), 0.0900769575em 2.0482915524em 7px rgba(255, 24, 0, 0.9), 1.4037457727em 0.3210778378em 7px rgba(255, 157, 0, 0.9), -0.4303801797em 1.9402920876em 7px rgba(87, 255, 0, 0.9), 0.2545575646em 1.0980408249em 7px rgba(255, 64, 0, 0.9), 1.5859177239em -0.1203525833em 7px rgba(0, 238, 255, 0.9), -0.1415121716em 2.2177564868em 7px rgba(255, 0, 31, 0.9), -0.2579663832em 0.3120279937em 7px rgba(0, 88, 255, 0.9), 0.2540114124em -0.1484925608em 7px rgba(0, 255, 169, 0.9), 0.0703418054em 1.2802264873em 7px rgba(155, 0, 255, 0.9), 1.1801893584em 0.7218495722em 7px rgba(0, 255, 208, 0.9), 2.1519709428em 0.3314905387em 7px rgba(0, 255, 89, 0.9), 0.2792078419em 1.6925691369em 7px rgba(0, 255, 190, 0.9), 2.417923266em 1.0991755637em 7px rgba(255, 67, 0, 0.9), 1.7752206842em 0.408025594em 7px rgba(0, 23, 255, 0.9), 0.6974536824em 0.5117973807em 7px rgba(255, 227, 0, 0.9), 2.3206232113em 2.1564430477em 7px rgba(55, 255, 0, 0.9), 1.1633926097em 1.9674102268em 7px rgba(255, 0, 33, 0.9), 1.7644132558em 1.2797195386em 7px rgba(183, 255, 0, 0.9), 2.4142454795em 1.1444954764em 7px rgba(119, 0, 255, 0.9), 2.4107334787em -0.0613391328em 7px rgba(255, 0, 24, 0.9);
  animation-duration: 41s;
  animation-delay: -19s;
}



@keyframes move {
  from {
    transform: rotate(0deg) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(360deg) scale(18) translateX(20px);
  }
}

/*
Bokeh (Grey) by Keith Clark https://codepen.io/keithclark/pen/ZjrwpW/ (Slightly modified)
*/

html.bokehgrey head::before, html.bokehgrey head::after,
html.bokehgrey body::before, html.bokehgrey body::after {
  display: block;
  font-size: 52px;
  color: transparent;
}

html.bokehgrey head::before, html.bokehgrey head::after,
html.bokehgrey body::before, html.bokehgrey body::after {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: '.';
  mix-blend-mode: screen;
  animation: 44s -27s move infinite ease-in-out alternate;
}

html.bokehgrey body::before {
  text-shadow: 1.6160536604em 1.8676635514em 7px rgba(255, 255, 255, 0.3), 0.5890326007em 0.2511340191em 7px rgba(255, 255, 255, 0.3), -0.3213514994em 0.1178031095em 7px rgba(255, 255, 255, 0.3), 0.4184352847em 0.7771257492em 7px rgba(255, 255, 255, 0.3), -0.267409847em 0.0018510637em 7px rgba(255, 255, 255, 0.3), 0.1654733031em 1.8627044329em 7px rgba(255, 255, 255, 0.3), 0.7891926008em 1.3116955709em 7px rgba(255, 255, 255, 0.3), -0.2657433567em 1.165436391em 7px rgba(255, 255, 255, 0.3), 2.4841533685em 0.7324160262em 7px rgba(255, 255, 255, 0.3), 1.5422554012em 0.1828654871em 7px rgba(255, 255, 255, 0.3), 0.7524420594em 0.4851702027em 7px rgba(255, 255, 255, 0.3), 1.7977697725em -0.0016251554em 7px rgba(255, 255, 255, 0.3), 1.9268727748em -0.2478358852em 7px rgba(255, 255, 255, 0.3), 1.8114936407em 0.9682015557em 7px rgba(255, 255, 255, 0.3), 1.9013581403em 1.8335133414em 7px rgba(255, 255, 255, 0.3), 0.1413657164em 0.963815963em 7px rgba(255, 255, 255, 0.3), 0.1093261108em 0.0947115706em 7px rgba(255, 255, 255, 0.3), 0.6199528318em 0.4686481006em 7px rgba(255, 255, 255, 0.3), 1.115415452em 1.5438446267em 7px rgba(255, 255, 255, 0.3), -0.0079264328em 2.131969037em 7px rgba(255, 255, 255, 0.3), -0.1307978395em 2.4700130404em 7px rgba(255, 255, 255, 0.3);
  animation-duration: 44s;
  animation-delay: -27s;
}

html.bokehgrey body::after {
  text-shadow: 0.9649239246em -0.2553753759em 7px rgba(255, 255, 255, 0.3), 1.25894246em 0.4664051747em 7px rgba(255, 255, 255, 0.3), 1.1089195519em 0.9126167157em 7px rgba(255, 255, 255, 0.3), -0.0069918899em 1.5508640095em 7px rgba(255, 255, 255, 0.3), -0.2331966972em 1.7163021113em 7px rgba(255, 255, 255, 0.3), 1.1301717878em 0.0750061703em 7px rgba(255, 255, 255, 0.3), 0.8915088083em 2.363303393em 7px rgba(255, 255, 255, 0.3), 1.0679846128em 0.8619997511em 7px rgba(255, 255, 255, 0.3), 1.2988569232em 0.9757632478em 7px rgba(255, 255, 255, 0.3), 2.0796407545em 2.242810218em 7px rgba(255, 255, 255, 0.3), 0.3489422754em 0.4296018101em 7px rgba(255, 255, 255, 0.3), 1.8053363906em 0.8357932035em 7px rgba(255, 255, 255, 0.3), 0.2794711828em -0.0994204581em 7px rgba(255, 255, 255, 0.3), 1.7935199223em 0.806912193em 7px rgba(255, 255, 255, 0.3), -0.1459491784em 1.728191122em 7px rgba(255, 255, 255, 0.3), -0.2582907787em 0.0162710138em 7px rgba(255, 255, 255, 0.3), 1.0886672553em 1.9307482192em 7px rgba(255, 255, 255, 0.3), 1.147067738em 0.6770281802em 7px rgba(255, 255, 255, 0.3), -0.2206237572em 0.3403478091em 7px rgba(255, 255, 255, 0.3), 1.2291021103em 2.0067116346em 7px rgba(255, 255, 255, 0.3), -0.120061769em 1.666273909em 7px rgba(255, 255, 255, 0.3);
  animation-duration: 43s;
  animation-delay: -32s;
}

html.bokehgrey head::before {
  text-shadow: 0.1258562158em 2.1577398932em 7px rgba(255, 255, 255, 0.3), -0.0240078588em 1.3390586216em 7px rgba(255, 255, 255, 0.3), 0.6968936718em 0.146974472em 7px rgba(255, 255, 255, 0.3), 0.6022956829em -0.0409335971em 7px rgba(255, 255, 255, 0.3), 0.185827449em 0.3991721768em 7px rgba(255, 255, 255, 0.3), 0.612630102em 1.7444789769em 7px rgba(255, 255, 255, 0.3), -0.287219637em -0.2017078384em 7px rgba(255, 255, 255, 0.3), 1.1092989487em 0.9545014138em 7px rgba(255, 255, 255, 0.3), 1.239412599em 1.9411710224em 7px rgba(255, 255, 255, 0.3), 0.1327176523em 0.072732589em 7px rgba(255, 255, 255, 0.3), 2.205474234em 1.4131857628em 7px rgba(255, 255, 255, 0.3), 0.4638260882em 0.9249391578em 7px rgba(255, 255, 255, 0.3), 0.3771704649em 2.2588998831em 7px rgba(255, 255, 255, 0.3), 0.2120409651em -0.1636214268em 7px rgba(255, 255, 255, 0.3), 2.4499845407em 0.9885249125em 7px rgba(255, 255, 255, 0.3), -0.1970710373em 0.878163868em 7px rgba(255, 255, 255, 0.3), -0.3105698478em 1.062923404em 7px rgba(255, 255, 255, 0.3), 2.1437757137em 1.8118950068em 7px rgba(255, 255, 255, 0.3), 1.4619380029em -0.3250280541em 7px rgba(255, 255, 255, 0.3), 0.2960815353em 2.4457746665em 7px rgba(255, 255, 255, 0.3), 0.8081625386em -0.0471235732em 7px rgba(255, 255, 255, 0.3);
  animation-duration: 42s;
  animation-delay: -23s;
}

html.bokehgrey head::after {
  text-shadow: 2.3919981629em 0.4927483397em 7px rgba(255, 255, 255, 0.3), 0.2531641939em 2.1492675809em 7px rgba(255, 255, 255, 0.3), -0.2429547362em 0.8908278735em 7px rgba(255, 255, 255, 0.3), 1.2773007636em 0.2719861561em 7px rgba(255, 255, 255, 0.3), 1.3003925442em -0.4418035688em 7px rgba(255, 255, 255, 0.3), -0.0755244405em 0.0801083884em 7px rgba(255, 255, 255, 0.3), -0.117476232em 0.5374126944em 7px rgba(255, 255, 255, 0.3), 1.3797503298em 0.2355879369em 7px rgba(255, 255, 255, 0.3), -0.3363819985em 1.1929161148em 7px rgba(255, 255, 255, 0.3), 2.3038974414em 0.7649999451em 7px rgba(255, 255, 255, 0.3), 0.9057145996em 0.8465787649em 7px rgba(255, 255, 255, 0.3), -0.0905615659em 0.6667938685em 7px rgba(255, 255, 255, 0.3), 2.189035451em 0.0365054074em 7px rgba(255, 255, 255, 0.3), 2.3707219733em 0.9025167881em 7px rgba(255, 255, 255, 0.3), -0.2068758915em 1.3420009787em 7px rgba(255, 255, 255, 0.3), 0.2848574074em 2.4289366096em 7px rgba(255, 255, 255, 0.3), -0.3271558909em 2.450198296em 7px rgba(255, 255, 255, 0.3), 1.9632229934em 0.5140276em 7px rgba(255, 255, 255, 0.3), 0.0382431462em 1.2765712187em 7px rgba(255, 255, 255, 0.3), 1.242140073em 0.1991176951em 7px rgba(255, 255, 255, 0.3), 1.1283024595em 1.9037190954em 7px rgba(255, 255, 255, 0.3);
  animation-duration: 41s;
  animation-delay: -19s;
}



@keyframes move {
  from {
    transform: rotate(0deg) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(360deg) scale(18) translateX(20px);
  }
}



/* 
Rising Cubes by Mohammed Abdul Mohaiman https://codepen.io/mohaiman/pen/MQqMyo (Modified slightly)
*/


html.risingcubes .area{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:-1;
}

html.risingcubes .circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html.risingcubes .circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}

html.risingcubes .circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


html.risingcubes .circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

html.risingcubes .circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

html.risingcubes .circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

html.risingcubes .circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

html.risingcubes .circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

html.risingcubes .circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

html.risingcubes .circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

html.risingcubes .circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

html.risingcubes .circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/* Tri Travelers by Nate Wiley https://codepen.io/natewiley/pen/WvEwej (Modified slightly)
*/

html.tritravelers .triangleouter {
 position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100vw;
  height:100vh;
}
html.tritravelers .wrap {
  transform-style: preserve-3d;
  perspective: 800px;
   width:100vw;
  height:100vh;

}

html.tritravelers .tri {
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

html.tritravelers .tri:nth-child(1) {
  border-top: 26px solid #00eaff;
  border-right: 26px solid transparent;
  border-left: 26px solid transparent;
  margin-left: -13px;
  margin-top: -13px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(320deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim1 15s infinite linear;
  animation-delay: -1s;
  opacity: 0;
}

@keyframes anim1 {
  0% {
    opacity: 1;
    transform: rotate(480deg) translate3d(465px, 604px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(2) {
  border-top: 3px solid red;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  margin-left: -1.5px;
  margin-top: -1.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(359deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim2 15s infinite linear;
  animation-delay: -2s;
  opacity: 0;
}

@keyframes anim2 {
  0% {
    opacity: 1;
    transform: rotate(538.5deg) translate3d(82px, 296px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(3) {
  border-top: 25px solid #00ff59;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  margin-left: -12.5px;
  margin-top: -12.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(290deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim3 15s infinite linear;
  animation-delay: -3s;
  opacity: 0;
}

@keyframes anim3 {
  0% {
    opacity: 1;
    transform: rotate(435deg) translate3d(901px, 162px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(4) {
  border-top: 25px solid #5500ff;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  margin-left: -12.5px;
  margin-top: -12.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(298deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim4 15s infinite linear;
  animation-delay: -4s;
  opacity: 0;
}

@keyframes anim4 {
  0% {
    opacity: 1;
    transform: rotate(447deg) translate3d(454px, 309px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(5) {
  border-top: 34px solid #4d00ff;
  border-right: 34px solid transparent;
  border-left: 34px solid transparent;
  margin-left: -17px;
  margin-top: -17px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(258deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim5 15s infinite linear;
  animation-delay: -5s;
  opacity: 0;
}

@keyframes anim5 {
  0% {
    opacity: 1;
    transform: rotate(387deg) translate3d(715px, 517px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(6) {
  border-top: 41px solid #9dff00;
  border-right: 41px solid transparent;
  border-left: 41px solid transparent;
  margin-left: -20.5px;
  margin-top: -20.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(114deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim6 15s infinite linear;
  animation-delay: -6s;
  opacity: 0;
}

@keyframes anim6 {
  0% {
    opacity: 1;
    transform: rotate(171deg) translate3d(982px, 979px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(7) {
  border-top: 38px solid #00ffbb;
  border-right: 38px solid transparent;
  border-left: 38px solid transparent;
  margin-left: -19px;
  margin-top: -19px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(114deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim7 15s infinite linear;
  animation-delay: -7s;
  opacity: 0;
}

@keyframes anim7 {
  0% {
    opacity: 1;
    transform: rotate(171deg) translate3d(621px, 192px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(8) {
  border-top: 3px solid #0091ff;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  margin-left: -1.5px;
  margin-top: -1.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(314deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim8 15s infinite linear;
  animation-delay: -8s;
  opacity: 0;
}

@keyframes anim8 {
  0% {
    opacity: 1;
    transform: rotate(471deg) translate3d(712px, 81px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(9) {
  border-top: 18px solid #00ff95;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(320deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim9 15s infinite linear;
  animation-delay: -9s;
  opacity: 0;
}

@keyframes anim9 {
  0% {
    opacity: 1;
    transform: rotate(480deg) translate3d(921px, 515px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(10) {
  border-top: 1px solid #ff0099;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  margin-left: -0.5px;
  margin-top: -0.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(295deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim10 15s infinite linear;
  animation-delay: -10s;
  opacity: 0;
}

@keyframes anim10 {
  0% {
    opacity: 1;
    transform: rotate(442.5deg) translate3d(142px, 332px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(11) {
  border-top: 2px solid #00ffa2;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  margin-left: -1px;
  margin-top: -1px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(201deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim11 15s infinite linear;
  animation-delay: -11s;
  opacity: 0;
}

@keyframes anim11 {
  0% {
    opacity: 1;
    transform: rotate(301.5deg) translate3d(712px, 614px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(12) {
  border-top: 13px solid #ff0037;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  margin-left: -6.5px;
  margin-top: -6.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(204deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim12 15s infinite linear;
  animation-delay: -12s;
  opacity: 0;
}

@keyframes anim12 {
  0% {
    opacity: 1;
    transform: rotate(306deg) translate3d(213px, 186px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(13) {
  border-top: 49px solid #a2ff00;
  border-right: 49px solid transparent;
  border-left: 49px solid transparent;
  margin-left: -24.5px;
  margin-top: -24.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(257deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim13 15s infinite linear;
  animation-delay: -13s;
  opacity: 0;
}

@keyframes anim13 {
  0% {
    opacity: 1;
    transform: rotate(385.5deg) translate3d(673px, 615px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(14) {
  border-top: 28px solid #ff8400;
  border-right: 28px solid transparent;
  border-left: 28px solid transparent;
  margin-left: -14px;
  margin-top: -14px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(61deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim14 15s infinite linear;
  animation-delay: -14s;
  opacity: 0;
}

@keyframes anim14 {
  0% {
    opacity: 1;
    transform: rotate(91.5deg) translate3d(956px, 15px, 1000px) scale(1);
  }
}
html.tritravelers .tri:nth-child(15) {
  border-top: 39px solid #1eff00;
  border-right: 39px solid transparent;
  border-left: 39px solid transparent;
  margin-left: -19.5px;
  margin-top: -19.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transform: rotate(176deg) translate3d(0, 0, -1500px) scale(0);
  animation: anim15 15s infinite linear;
  animation-delay: -15s;
  opacity: 0;
}

@keyframes anim15 {
  0% {
    opacity: 1;
    transform: rotate(264deg) translate3d(157px, 189px, 1000px) scale(1);
  }
}

/*
Bubbles by Paulo Duzioni https://codepen.io/Paolo-Duzioni/pen/MQmbJo (Modified slightly)
*/

html.bubbles .bottom-particles, html.bubblescoloredbg .bottom-particles, html.beer .bottom-particles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
html.bubbles .bottom-particles .bubble, html.bubblescoloredbg .bottom-particles .bubble, html.beer .bottom-particles .bubble {
  opacity: 0;
  position: absolute;
  bottom: -1rem;
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
html.bubbles .bottom-particles .bubble:nth-child(1), html.bubblescoloredbg .bottom-particles .bubble:nth-child(1), html.beer .bottom-particles .bubble:nth-child(1) {
  left: 80%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 4368ms;
          animation-delay: 4368ms;
}
html.bubbles .bottom-particles .bubble:nth-child(2), html.bubblescoloredbg .bottom-particles .bubble:nth-child(2), html.beer .bottom-particles .bubble:nth-child(2) {
  left: 49%;
  -webkit-animation: blow 10148ms infinite;
          animation: blow 10148ms infinite;
  -webkit-animation-delay: 5718ms;
          animation-delay: 5718ms;
}
html.bubbles .bottom-particles .bubble:nth-child(3), html.bubblescoloredbg .bottom-particles .bubble:nth-child(3), html.beer .bottom-particles .bubble:nth-child(3){
  left: 3%;
  -webkit-animation: blow 11217ms infinite;
          animation: blow 11217ms infinite;
  -webkit-animation-delay: 3625ms;
          animation-delay: 3625ms;
}
html.bubbles .bottom-particles .bubble:nth-child(4), html.bubblescoloredbg .bottom-particles .bubble:nth-child(4), html.beer .bottom-particles .bubble:nth-child(4) {
  left: 97%;
  -webkit-animation: blow 12814ms infinite;
          animation: blow 12814ms infinite;
  -webkit-animation-delay: 5872ms;
          animation-delay: 5872ms;
}
html.bubbles .bottom-particles .bubble:nth-child(5), html.bubblescoloredbg .bottom-particles .bubble:nth-child(5), html.beer .bottom-particles .bubble:nth-child(5)  {
  left: 96%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 1017ms;
          animation-delay: 1017ms;
}
html.bubbles .bottom-particles .bubble:nth-child(6), html.bubblescoloredbg .bottom-particles .bubble:nth-child(6), html.beer .bottom-particles .bubble:nth-child(6) {
  left: 73%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9967ms;
          animation-delay: 9967ms;
}
html.bubbles .bottom-particles .bubble:nth-child(7), html.bubblescoloredbg .bottom-particles .bubble:nth-child(7), html.beer .bottom-particles .bubble:nth-child(7)   {
  left: 1%;
  -webkit-animation: blow 12502ms infinite;
          animation: blow 12502ms infinite;
  -webkit-animation-delay: 706ms;
          animation-delay: 706ms;
}
html.bubbles .bottom-particles .bubble:nth-child(8), html.bubblescoloredbg .bottom-particles .bubble:nth-child(8), html.beer .bottom-particles .bubble:nth-child(8)  {
  left: 2%;
  -webkit-animation: blow 9497ms infinite;
          animation: blow 9497ms infinite;
  -webkit-animation-delay: 6882ms;
          animation-delay: 6882ms;
}
html.bubbles .bottom-particles .bubble:nth-child(9), html.bubblescoloredbg .bottom-particles .bubble:nth-child(9), html.beer .bottom-particles .bubble:nth-child(9)  {
  left: 66%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9334ms;
          animation-delay: 9334ms;
}
html.bubbles .bottom-particles .bubble:nth-child(10), html.bubblescoloredbg .bottom-particles .bubble:nth-child(10), html.beer .bottom-particles .bubble:nth-child(10)   {
  left: 17%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 8268ms;
          animation-delay: 8268ms;
}
html.bubbles .bottom-particles .bubble:nth-child(11), html.bubblescoloredbg .bottom-particles .bubble:nth-child(11), html.beer .bottom-particles .bubble:nth-child(11)  {
  left: 92%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 2120ms;
          animation-delay: 2120ms;
}
html.bubbles .bottom-particles .bubble:nth-child(12), html.bubblescoloredbg .bottom-particles .bubble:nth-child(12), html.beer .bottom-particles .bubble:nth-child(12)    {
  left: 90%;
  -webkit-animation: blow 8904ms infinite;
          animation: blow 8904ms infinite;
  -webkit-animation-delay: 3355ms;
          animation-delay: 3355ms;
}
html.bubbles .bottom-particles .bubble:nth-child(13), html.bubblescoloredbg .bottom-particles .bubble:nth-child(13), html.beer .bottom-particles .bubble:nth-child(13)  {
  left: 22%;
  -webkit-animation: blow 6784ms infinite;
          animation: blow 6784ms infinite;
  -webkit-animation-delay: 3285ms;
          animation-delay: 3285ms;
}
html.bubbles .bottom-particles .bubble:nth-child(14), html.bubblescoloredbg .bottom-particles .bubble:nth-child(14), html.beer .bottom-particles .bubble:nth-child(14)  {
  left: 16%;
  -webkit-animation: blow 13607ms infinite;
          animation: blow 13607ms infinite;
  -webkit-animation-delay: 5122ms;
          animation-delay: 5122ms;
}
html.bubbles .bottom-particles .bubble:nth-child(15), html.bubblescoloredbg .bottom-particles .bubble:nth-child(15), html.beer .bottom-particles .bubble:nth-child(15)  {
  left: 28%;
  -webkit-animation: blow 6431ms infinite;
          animation: blow 6431ms infinite;
  -webkit-animation-delay: 8070ms;
          animation-delay: 8070ms;
}
html.bubbles .bottom-particles .bubble:nth-child(16), html.bubblescoloredbg .bottom-particles .bubble:nth-child(16), html.beer .bottom-particles .bubble:nth-child(16) {
  left: 10%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 11227ms;
          animation-delay: 11227ms;
}
html.bubbles .bottom-particles .bubble:nth-child(17), html.bubblescoloredbg .bottom-particles .bubble:nth-child(17), html.beer .bottom-particles .bubble:nth-child(17)  {
  left: 77%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 1475ms;
          animation-delay: 1475ms;
}
html.bubbles .bottom-particles .bubble:nth-child(18), html.bubblescoloredbg .bottom-particles .bubble:nth-child(18), html.beer .bottom-particles .bubble:nth-child(18)    {
  left: 49%;
  -webkit-animation: blow 9877ms infinite;
          animation: blow 9877ms infinite;
  -webkit-animation-delay: 9845ms;
          animation-delay: 9845ms;
}
html.bubbles .bottom-particles .bubble:nth-child(19), html.bubblescoloredbg .bottom-particles .bubble:nth-child(19), html.beer .bottom-particles .bubble:nth-child(19)  {
  left: 37%;
  -webkit-animation: blow 12484ms infinite;
          animation: blow 12484ms infinite;
  -webkit-animation-delay: 806ms;
          animation-delay: 806ms;
}
html.bubbles .bottom-particles .bubble:nth-child(20), html.bubblescoloredbg .bottom-particles .bubble:nth-child(20), html.beer .bottom-particles .bubble:nth-child(20)    {
  left: 13%;
  -webkit-animation: blow 5000ms infinite;
          animation: blow 5000ms infinite;
  -webkit-animation-delay: 9628ms;
          animation-delay: 9628ms;
}

@-webkit-keyframes blow {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -100vh) scale(0.2);
            transform: translate(0, -100vh) scale(0.2);
  }
}

@keyframes blow {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -100vh) scale(0.2);
            transform: translate(0, -100vh) scale(0.2);
  }
}




/*
Bubbles (Colored varient changes) 
*/

html.bubblescoloredbg  {
  background: #001221;
  animation: changeBg 60s infinite alternate;
}

html.bubblescoloredbg .bottom-particles {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@keyframes changeBg {
  0% {
    background: #001221;
  }
  20% {
    background: #000f2d;
  }
  40% {
    background: #00164c;
  }
  60% {
    background: #002f72;
  }
  80% {
    background: #0048a0;
  }
}


/*
Beer
*/

html.beer  {
  background:#DA5900;
  background: radial-gradient(circle, #FBB600, #DA5900);
}

html.beer #foam {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  background: linear-gradient(#ffffff, #ffffff 5%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0));
}

html.beer .bottom-particles .bubble {
  opacity: 0;
  position: absolute;
  bottom: -2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-filter: blur(3px);
  filter: blur(4px);
}


/*
Snowflakes by codeconvey https://codepen.io/codeconvey/pen/xRzQay
*/

html.snowflakes.snowflakes {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index:-1;
  
}

html.snowflakes .snowflake {
display: inline-block;
width: 16px;
height: 16px;
stroke-width: 0;
background-repeat:no-repeat;
opacity: 0.5;
}

.snowflake1{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.1,15.1l2.6-2.6H4.4c0,0.1-0.1,0.1-0.1,0.2l-1.6,1.6c-0.2,0.2-0.6,0.2-0.8,0s-0.2-0.6,0-0.8l0.9-1H1.9 c-0.3,0-0.6-0.2-0.6-0.6s0.2-0.6,0.6-0.6h0.9l-0.9-0.9c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l1.6,1.6l0.1,0.1l0,0h6.4 L8.1,8.9c-0.1,0-0.1,0-0.2,0H5.6C5.3,8.9,5,8.6,5,8.3s0.2-0.6,0.6-0.6h1.3L6.1,6.8c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0 l0.9,0.9V5.6C7.7,5.3,8,5,8.3,5s0.6,0.2,0.6,0.6v2.2c0,0.1,0,0.1,0,0.2l2.6,2.6V4.4l-0.1-0.1L9.8,2.7c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0.9,0.9V1.9c0-0.3,0.2-0.6,0.6-0.6s0.6,0.2,0.6,0.6v0.9l1-1c0.2-0.2,0.6-0.2,0.8,0s0.2,0.6,0,0.8l-1.6,1.6 c0,0-0.1,0.1-0.2,0.1v6.3L15.1,8c0,0,0-0.1,0-0.2V5.5c0-0.3,0.2-0.6,0.6-0.6s0.6,0.2,0.6,0.6v1.5l0.9-0.9c0.2-0.2,0.6-0.2,0.8,0 c0.2,0.2,0.2,0.6,0,0.8l-0.9,0.9h1.3C18.7,7.7,19,8,19,8.3s-0.2,0.6-0.6,0.6h-2.2c-0.1,0-0.1,0-0.2,0l0,0l-2.6,2.6h6.4l0.1-0.1 l1.6-1.6c0.2-0.2,0.6-0.2,0.8,0c0.2,0.2,0.2,0.6,0,0.8l-0.9,0.9h0.8c0.3,0,0.6,0.2,0.6,0.6s-0.2,0.6-0.6,0.6h-0.9l1,1 c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0l-1.6-1.6c0,0-0.1-0.1-0.1-0.2l0,0h-6.4l2.6,2.6H16h2.2c0.3,0,0.6,0.2,0.6,0.6 s-0.2,0.6-0.6,0.6h-1.2l0.9,0.9c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0l-0.9-0.9v1.3c0,0.3-0.2,0.6-0.6,0.6s-0.6-0.2-0.6-0.6 v-2.2c0-0.1,0-0.1,0-0.2l-2.6-2.6v6.4c0.1,0,0.1,0.1,0.2,0.1l1.6,1.6c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0l-1-1v0.9 c0,0.3-0.2,0.6-0.6,0.6s-0.6-0.2-0.6-0.6v-0.8l-0.9,0.9c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l1.6-1.6l0.1-0.1v-6.4 l-2.6,2.6c0,0.1,0,0.1,0,0.2v2.2c0,0.3-0.2,0.6-0.6,0.6s-0.6-0.2-0.6-0.6v-1.3l-0.9,0.9c-0.2,0.2-0.6,0.2-0.8,0 c-0.2-0.2-0.2-0.6,0-0.8l0.9-0.9H5.6C5.3,16.3,5,16,5,15.7s0.2-0.6,0.6-0.6h2.2C8,15.1,8,15.1,8.1,15.1L8.1,15.1L8.1,15.1z'/%3E%3C/svg%3E");}
.snowflake2{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.5,15l-2.1,0.4l2.4,1.4c0.4,0.2,0.5,0.7,0.3,1.2c-0.2,0.4-0.7,0.5-1.2,0.3l-2.4-1.4l0.7,2.1 c0.3,1.1-1.2,1.6-1.6,0.6l-1.3-3.9l-3.6-2.1v4l2.7,3.1c0.7,0.8-0.5,1.9-1.2,1.1l-1.5-1.7v2.8c0,0.4-0.4,0.8-0.8,0.8 s-0.8-0.4-0.8-0.8v-2.7l-1.5,1.7c-0.7,0.8-2-0.2-1.2-1.1l2.7-3.1v-4l-3.5,2l-1.3,3.9c-0.3,1-1.9,0.5-1.6-0.6l0.7-2.1l-2.4,1.4 c-0.4,0.2-0.9,0.1-1.2-0.3c-0.2-0.4-0.1-0.9,0.3-1.2l2.3-1.3L2.5,15c-1.1-0.2-0.7-1.8,0.3-1.7l4,0.8l3.6-2.1l-3.5-2.1l-4,0.8 c-0.1,0-0.1,0-0.2,0c-1,0-1.2-1.5-0.2-1.7l2.1-0.4L2.2,7.5C1.9,7.3,1.7,6.8,2,6.4S2.7,5.9,3.1,6l2.4,1.4L4.8,5.4 C4.4,4.3,6,3.8,6.4,4.8l1.3,3.9l3.5,2v-4L8.5,3.6C7.8,2.8,9,1.7,9.8,2.5l1.5,1.7V1.4c0-0.4,0.4-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8 v2.7l1.5-1.7c0.7-0.8,2,0.2,1.2,1.1l-2.8,3.1v4l3.5-2l1.3-3.9c0.3-1,1.9-0.5,1.6,0.6l-0.7,2.1l2.4-1.4C21.2,5.9,21.7,6,22,6.4 c0.2,0.4,0.1,0.9-0.3,1.2l-2.3,1.2l2.1,0.4c1,0.2,0.8,1.7-0.2,1.7c-0.1,0-0.1,0-0.2,0l-4-0.8l-3.6,2.1l3.5,2.1l4-0.8 C22.2,13.1,22.6,14.8,21.5,15L21.5,15z'/%3E%3C/svg%3E");}
.snowflake3{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20.6,15.6L17.8,15l1.7-0.5c0.6-0.2,1-0.8,0.8-1.4c-0.2-0.6-0.8-1-1.4-0.8l-1.8,0.5c0-0.3,0.1-0.5,0.1-0.8 s0-0.6-0.1-0.8l1.8,0.5c0.1,0,0.2,0,0.3,0c0.5,0,1-0.3,1.1-0.9c0.2-0.6-0.2-1.3-0.8-1.4l-1.7-0.5l2.9-0.6c0.3-0.1,0.5-0.2,0.7-0.4 c0.4-0.5,0.4-1.3-0.1-1.7c-0.5-0.4-1.3-0.4-1.7,0.1l-1.9,2.2L18,6.8c0.2-0.6-0.2-1.3-0.8-1.4c-0.6-0.2-1.3,0.2-1.4,0.8l-0.5,1.8 c-0.4-0.3-0.9-0.6-1.4-0.8l1.3-1.3c0.5-0.5,0.5-1.2,0-1.6c-0.5-0.5-1.2-0.5-1.6,0l-1.3,1.3l0.9-2.8c0.1-0.2,0.1-0.5,0-0.8 c-0.2-0.6-0.9-1-1.5-0.8s-1,0.9-0.8,1.5l0.9,2.8l-1.3-1.3c-0.5-0.5-1.2-0.5-1.6,0c-0.5,0.5-0.5,1.2,0,1.6l1.3,1.3 c-0.5,0.2-1,0.5-1.4,0.8L8.2,6.2c-0.2-0.6-0.8-1-1.4-0.8C6.2,5.5,5.8,6.1,6,6.8l0.5,1.7L4.5,6.3C4.4,6.1,4.1,6,3.9,5.9 c-0.7-0.1-1.3,0.3-1.4,1s0.3,1.3,1,1.4l2.9,0.6L4.5,9.4c-0.6,0.2-1,0.8-0.8,1.4c0.1,0.5,0.6,0.9,1.1,0.9c0.1,0,0.2,0,0.3,0l1.8-0.5 c0,0.3-0.1,0.5-0.1,0.8c0,0.3,0,0.6,0.1,0.8l-1.8-0.5c-0.6-0.2-1.3,0.2-1.4,0.8c-0.2,0.6,0.2,1.3,0.8,1.4L6.2,15l-2.9,0.6 c-0.3,0.1-0.5,0.2-0.7,0.4c-0.4,0.5-0.4,1.3,0.1,1.7c0.5,0.4,1.3,0.4,1.7-0.1l1.9-2.2L6,17.1c-0.2,0.6,0.2,1.3,0.8,1.4 c0.1,0,0.2,0,0.3,0c0.5,0,1-0.3,1.1-0.9L8.7,16c0.4,0.3,0.9,0.6,1.4,0.8l-1.3,1.3c-0.5,0.5-0.5,1.2,0,1.6c0.5,0.5,1.2,0.5,1.6,0 l0.8-0.8h0.3l-0.8,2.3c-0.1,0.2-0.1,0.5,0,0.8c0.2,0.6,0.9,1,1.5,0.8c0.6-0.2,1-0.9,0.8-1.5l-0.8-2.3h0.3l0.8,0.8 c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3c0.5-0.5,0.5-1.2,0-1.6l-1.3-1.3c0.5-0.2,1-0.5,1.4-0.8l0.5,1.8 c0.1,0.5,0.6,0.9,1.1,0.9c0.1,0,0.2,0,0.3,0c0.6-0.2,1-0.8,0.8-1.4l-0.5-1.7l1.9,2.2c0.2,0.2,0.4,0.3,0.7,0.4c0.7,0.1,1.3-0.3,1.4-1 C21.7,16.4,21.3,15.7,20.6,15.6z M12,14.9c-1.6,0-2.9-1.3-2.9-2.9S10.4,9,12,9s2.9,1.3,2.9,2.9S13.6,14.9,12,14.9z'/%3E%3C/svg%3E");}
.snowflake4{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M21.5,17.2l-0.8-0.5l0.6-0.3c0.2-0.1,0.3-0.3,0.2-0.5c-0.1-0.2-0.3-0.3-0.5-0.2l-1.1,0.6l-0.7-0.4l1.3-0.7 c0.2-0.1,0.3-0.3,0.2-0.5c-0.1-0.2-0.3-0.3-0.5-0.2l-1.7,0.9l-1.9-1.1l0.7-0.3c0,0,0,0,0,0c0.2-0.1,0.2-0.3,0.1-0.5l-0.4-0.6h1.4 l0.7,1c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.2-0.3,0.1-0.5l-0.4-0.6h1.2c0.2,0,0.4-0.2,0.4-0.4 c0-0.2-0.2-0.4-0.4-0.4h-1.2l0.4-0.6c0,0,0,0,0,0c0.1-0.2,0-0.4-0.1-0.5c-0.2-0.1-0.4,0-0.5,0.1l-0.7,1h-1.4l0.4-0.6c0,0,0,0,0,0 c0.1-0.2,0-0.4-0.2-0.5l-0.7-0.3l1.9-1.1l1.7,0.9c0.1,0,0.1,0,0.2,0c0.1,0,0.3-0.1,0.3-0.2c0.1-0.2,0-0.4-0.2-0.5l-1.3-0.7l0.7-0.4 L21,9.1c0.1,0,0.1,0,0.2,0c0.1,0,0.3-0.1,0.3-0.2c0.1-0.2,0-0.4-0.2-0.5l-0.6-0.3l0.8-0.5c0,0,0,0,0,0c0.2-0.1,0.2-0.3,0.1-0.5 c-0.1-0.2-0.3-0.2-0.5-0.1l-0.8,0.5l0-0.7c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4l-0.1,1.2l-0.7,0.4l0.1-1.4 c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4l-0.1,1.9l-1.9,1.1l0-0.8c0-0.1,0-0.2-0.1-0.3c-0.1-0.1-0.2-0.1-0.3-0.1l-0.8,0 l0.7-1.2L17,7.5c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4l-0.8,0l0.6-1.1c0,0,0,0,0,0c0.1-0.2,0-0.4-0.2-0.5 c-0.2-0.1-0.4,0-0.5,0.2l-0.6,1.1l-0.3-0.7c-0.1-0.2-0.3-0.3-0.5-0.2c-0.2,0.1-0.3,0.3-0.2,0.5l0.6,1.1l-0.7,1.2L14,7.7 c0,0,0,0,0,0c-0.1-0.2-0.3-0.2-0.5-0.1l-0.6,0.4V5.7l1.6-1c0,0,0,0,0,0c0.2-0.1,0.2-0.4,0.1-0.5S14.2,3.9,14,4.1l-1.2,0.8V4l1-0.6 C14,3.2,14.1,3,14,2.8c-0.1-0.2-0.3-0.2-0.5-0.1l-0.6,0.4V2.1c0-0.2-0.2-0.4-0.4-0.4s-0.4,0.2-0.4,0.4v0.9l-0.6-0.4c0,0,0,0,0,0 c-0.2-0.1-0.4,0-0.5,0.1c-0.1,0.2,0,0.4,0.1,0.5l1,0.6v0.8l-1.2-0.8c0,0,0,0,0,0c-0.2-0.1-0.4,0-0.5,0.1c-0.1,0.2,0,0.4,0.1,0.5 l1.6,1v2.2l-0.6-0.4c0,0,0,0,0,0c-0.2-0.1-0.4,0-0.5,0.2l-0.3,0.7L9.9,7.1L10.4,6c0.1-0.2,0-0.4-0.2-0.5s-0.4,0-0.5,0.2L9.4,6.4 L8.8,5.3c0,0,0,0,0,0C8.7,5.1,8.4,5,8.3,5.2C8.1,5.3,8,5.5,8.1,5.7l0.6,1.1L8,6.7c0,0,0,0,0,0c-0.2,0-0.4,0.2-0.4,0.4 c0,0.2,0.2,0.4,0.4,0.4l1.2,0.1l0.7,1.2l-0.8,0c-0.1,0-0.2,0-0.3,0.1C8.8,8.9,8.7,9,8.7,9.1l0,0.8L6.9,8.7L6.8,6.8c0,0,0,0,0,0 c0-0.2-0.2-0.4-0.4-0.3C6.2,6.5,6,6.7,6,6.9l0.1,1.4L5.4,7.9L5.3,6.7c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4l0,0.7L3.8,6.9 c0,0,0,0,0,0c-0.2-0.1-0.4,0-0.5,0.2c-0.1,0.2,0,0.4,0.2,0.5l0.8,0.5L3.6,8.4C3.4,8.5,3.4,8.6,3.4,8.7c0,0.2,0.2,0.4,0.4,0.4 c0.1,0,0.1,0,0.2,0L5,8.5l0.7,0.4L4.5,9.6C4.3,9.7,4.2,9.8,4.2,9.9c0,0.2,0.2,0.4,0.4,0.4c0.1,0,0.1,0,0.2,0l1.7-0.9l1.9,1.1 l-0.7,0.3c0,0,0,0,0,0c-0.2,0.1-0.2,0.3-0.1,0.5L8,12H6.6l-0.7-1c0,0,0,0,0-0.1c-0.1-0.2-0.4-0.2-0.5-0.1c-0.2,0.1-0.2,0.4-0.1,0.5 L5.7,12H4.5c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h1.2l-0.4,0.6c0,0.1-0.1,0.1-0.1,0.2c0,0.2,0.2,0.4,0.4,0.4 c0.1,0,0.3-0.1,0.3-0.2l0.7-1H8l-0.4,0.6c0,0,0,0,0,0c-0.1,0.2,0,0.4,0.2,0.5l0.7,0.3l-1.9,1.1l-1.7-0.9c-0.2-0.1-0.4,0-0.5,0.2 c-0.1,0.2,0,0.4,0.2,0.5l1.3,0.7L5,16.3l-1.1-0.6c-0.2-0.1-0.4,0-0.5,0.2c-0.1,0.2,0,0.4,0.2,0.5l0.6,0.3l-0.8,0.5 c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.2,0.2,0.4,0.4,0.4c0.1,0,0.1,0,0.2-0.1l0.8-0.5l0,0.7c0,0.2,0.2,0.4,0.4,0.4h0 c0.2,0,0.4-0.2,0.4-0.4l0.1-1.2l0.7-0.4L6,17.9c0,0.2,0.2,0.4,0.4,0.4c0,0,0,0,0,0c0.2,0,0.4-0.2,0.4-0.4l0.1-1.9L8.8,15l0,0.8 c0,0.1,0,0.2,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1l0.8,0l-0.7,1.2L8,17.3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4l0.8,0l-0.6,1.1 c-0.1,0.2,0,0.4,0.1,0.5c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.3-0.1,0.3-0.2l0.6-1.1l0.3,0.7c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.1,0,0.2,0 c0.2-0.1,0.3-0.3,0.2-0.5l-0.6-1.1l0.7-1.2l0.3,0.7c0,0.1,0.1,0.2,0.2,0.2c0.1,0,0.2,0,0.3,0l0.6-0.4v2.2l-1.6,1 c-0.2,0.1-0.2,0.3-0.1,0.5c0.1,0.2,0.3,0.2,0.5,0.1l1.2-0.8v0.8l-1,0.6c-0.2,0.1-0.2,0.3-0.1,0.5c0.1,0.2,0.3,0.2,0.5,0.1l0.6-0.4 v0.9c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4v-0.9l0.6,0.4c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.3-0.1,0.3-0.2c0.1-0.2,0.1-0.4-0.1-0.5 l-1-0.6V20l1.2,0.8c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.2-0.1,0.3-0.2c0.1-0.2,0.1-0.4-0.1-0.5l-1.6-1v-2.2l0.6,0.4 c0.1,0,0.1,0.1,0.2,0.1c0,0,0.1,0,0.1,0c0.1,0,0.2-0.1,0.2-0.2l0.3-0.7l0.7,1.2l-0.6,1.1c0,0,0,0,0,0c-0.1,0.2,0,0.4,0.2,0.5 c0.1,0,0.1,0,0.2,0c0.1,0,0.3-0.1,0.3-0.2l0.3-0.7l0.6,1.1c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.2-0.3,0.1-0.5 l-0.6-1.1l0.8,0c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4l-1.2-0.1L15,16.1l0.8,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3 l0-0.8l1.9,1.1l0.1,1.9c0,0.2,0.2,0.4,0.4,0.4c0,0,0,0,0,0c0.2,0,0.4-0.2,0.4-0.4l-0.1-1.4l0.7,0.4l0.1,1.2c0,0.2,0.2,0.4,0.4,0.4 l0,0c0.2,0,0.4-0.2,0.4-0.4l0-0.7l0.8,0.5c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.3-0.1,0.3-0.2C21.8,17.5,21.7,17.3,21.5,17.2z M16.5,13.5 l-0.7,0.4l-1.9-1.1H16L16.5,13.5z M16.5,11.3L16,12h-2.2l1.9-1.1L16.5,11.3z M15.4,9.5l0,0.8l-1.9,1.1l1.1-1.9L15.4,9.5z M13.5,8.4 l0.4,0.7L12.8,11V8.8L13.5,8.4z M11.4,8.4l0.7,0.4V11L11,9.1L11.4,8.4z M9.5,9.5l0.8,0l1.1,1.9l-1.9-1.1L9.5,9.5z M8.4,11.3 l0.7-0.4L11,12H8.9L8.4,11.3z M8.4,13.5l0.4-0.7H11l-1.9,1.1L8.4,13.5z M9.5,15.3l0-0.8l1.9-1.1l-1.1,1.9L9.5,15.3z M11.4,16.4 L11,15.7l1.1-1.9V16L11.4,16.4z M13.5,16.4L12.8,16v-2.2l1.1,1.9L13.5,16.4z M15.4,15.3l-0.8,0l-1.1-1.9l1.9,1.1L15.4,15.3z'/%3E%3Cpath class='st0' d='M3.3,12.4C3.3,12.2,3.2,12,3,12c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4C3.2,12.8,3.3,12.6,3.3,12.4z'/%3E%3Cpath class='st0' d='M22,12c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4C22.3,12.2,22.2,12,22,12z'/%3E%3Cpath class='st0' d='M7.7,20.2c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4C8.1,20.4,7.9,20.2,7.7,20.2z' /%3E%3Ccircle class='st0' cx='17.2' cy='4.2' r='0.4'/%3E%3Cpath class='st0' d='M17.2,20.2c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4 C17.6,20.4,17.4,20.2,17.2,20.2z'/%3E%3Ccircle class='st0' cx='7.7' cy='4.2' r='0.4'/%3E%3C/g%3E%3C/svg%3E%0A");}


@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}


/*
Blobs by 9elements https://9elements.github.io/fancy-border-radius
*/

html.blobs .blobpit {
   position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:-1;
}
html.blobs .blobpit::before, html.blobs .blobpit::after {
    content: "";
    width: 70vmax;
    height: 70vmax;
    position: absolute;
    background: rgba(17, 29, 43, 0.7);
    left: -20vmin;
    top: -20vmin;
    animation: morph 15s linear infinite alternate, spin 20s linear infinite;
    z-index: 1;
    will-change: border-radius, transform;
    transform-origin: 55% 55%;
    pointer-events: none; 
}
html.blobs .blobpit::after {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 20% 20%; 
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% {
    border-radius: 40% 60%; } 
}

@keyframes spin {
  to {
    transform: rotate(1turn); } 
}