#flurry {
    height: 100vh;
    left: -75%;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 250%;
    z-index: -1;
    background: transparent;
    opacity: 0.5;
  }
  
  #flurry {
    font: 5vmin/1.3 Serif;
    overflow: hidden;
    background: transparent;
  }
  
  #flurry {
    display: block;
    font-size: 52px;
    color: transparent;
  }
  
  #flurry::before, #flurry::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;
  }
  
  #flurry::before {
    text-shadow: 2.061051187em 2.4969931203em 7px rgba(0, 217, 255, 0.9), 0.0793915809em 0.4908934435em 7px rgba(255, 166, 0, 0.9), 1.1365436682em 0.0212772136em 7px rgba(107, 0, 255, 0.9), 0.05855742em -0.0912657876em 7px rgba(0, 255, 126, 0.9), 1.6169767326em 0.0225425768em 7px rgba(187, 255, 0, 0.9), 0.9337994869em -0.1525697756em 7px rgba(0, 80, 255, 0.9), -0.3119869592em -0.3402456629em 7px rgba(150, 255, 0, 0.9), 0.5462401185em 1.0714436371em 7px rgba(112, 0, 255, 0.9), 1.54033193em 0.3021057868em 7px rgba(0, 255, 108, 0.9), 0.4538062024em 0.2429475915em 7px rgba(29, 0, 255, 0.9), 0.6340465334em 0.8333159962em 7px rgba(255, 0, 69, 0.9), 1.1338025539em 1.3814755225em 7px rgba(0, 26, 255, 0.9), 0.7231607791em 0.5873680975em 7px rgba(0, 255, 24, 0.9), 2.0196799598em 0.5623435371em 7px rgba(107, 0, 255, 0.9), 1.3606760997em 0.5271578288em 7px rgba(0, 255, 104, 0.9), 2.4854019205em 2.0438686327em 7px rgba(255, 0, 6, 0.9), 1.3665369954em 1.1394226267em 7px rgba(169, 255, 0, 0.9), 2.0698728844em 1.7213305383em 7px rgba(251, 255, 0, 0.9), -0.0825672002em 1.3453875487em 7px rgba(0, 255, 91, 0.9), 0.1174104698em -0.04157455em 7px rgba(242, 255, 0, 0.9), 1.9844371825em 0.7425471212em 7px rgba(0, 189, 255, 0.9), 0.7620578557em 0.8690497565em 7px rgba(188, 255, 0, 0.9), 1.1464399583em 1.3210182679em 7px rgba(255, 250, 0, 0.9), 0.9955760723em -0.3482605144em 7px rgba(255, 0, 180, 0.9), 2.4857603589em 0.744442865em 7px rgba(19, 255, 0, 0.9), -0.3823407188em 2.2460529913em 7px rgba(255, 103, 0, 0.9), 2.394043264em 1.8502523594em 7px rgba(0, 151, 255, 0.9), 2.4771771391em -0.4354787764em 7px rgba(0, 84, 255, 0.9), 0.4546099123em 2.2086252574em 7px rgba(0, 255, 214, 0.9), 0.587713633em 1.7084667446em 7px rgba(34, 0, 255, 0.9), 0.6750312117em 0.1969237095em 7px rgba(228, 0, 255, 0.9), 2.4290724055em 2.2915547296em 7px rgba(255, 0, 253, 0.9), 2.2020201196em -0.1142418109em 7px rgba(255, 32, 0, 0.9), 1.1692751662em 0.608831585em 7px rgba(198, 0, 255, 0.9), 2.3168138485em 0.416717336em 7px rgba(255, 0, 150, 0.9), 0.3704590388em 2.3254326697em 7px rgba(137, 255, 0, 0.9), 1.0036286029em 1.7233316948em 7px rgba(0, 255, 76, 0.9), 1.944215554em 2.0963287683em 7px rgba(126, 0, 255, 0.9), 1.1655755956em 2.4007195617em 7px rgba(155, 0, 255, 0.9), 0.6216978161em 0.2646111912em 7px rgba(236, 0, 255, 0.9), 2.0194952271em 2.1758993427em 7px rgba(0, 233, 255, 0.9);
    animation-duration: 44s;
    animation-delay: -27s;
  }
  
  #flurry::after {
    text-shadow: 1.4773320854em 1.1354945148em 7px rgba(255, 29, 0, 0.9), -0.1761877841em 1.0639794834em 7px rgba(255, 168, 0, 0.9), 1.8228403469em 0.8687776388em 7px rgba(255, 106, 0, 0.9), 2.3022216108em 1.6148521754em 7px rgba(202, 255, 0, 0.9), 2.454753095em 1.4155229658em 7px rgba(255, 0, 205, 0.9), 2.1688614893em 1.7337445629em 7px rgba(0, 153, 255, 0.9), 1.1684805469em -0.2839762983em 7px rgba(255, 0, 166, 0.9), 0.7099343187em 1.6262908742em 7px rgba(0, 177, 255, 0.9), 0.3347458233em 0.4270638895em 7px rgba(255, 79, 0, 0.9), 0.2950274972em -0.0960513028em 7px rgba(69, 255, 0, 0.9), 1.3170470979em 2.264325818em 7px rgba(69, 0, 255, 0.9), -0.2471051399em -0.0482610988em 7px rgba(255, 0, 234, 0.9), 0.7802257212em -0.4601142238em 7px rgba(255, 0, 35, 0.9), 2.277057678em 0.6479881282em 7px rgba(156, 255, 0, 0.9), 1.4195189379em -0.3762913089em 7px rgba(255, 152, 0, 0.9), 1.225227059em 0.1158891005em 7px rgba(44, 0, 255, 0.9), 2.4829177149em 1.8031486981em 7px rgba(255, 220, 0, 0.9), 1.9768148182em 0.9875382913em 7px rgba(255, 0, 63, 0.9), 1.1698099457em 0.5523236283em 7px rgba(39, 255, 0, 0.9), 1.9066702793em 1.1288408172em 7px rgba(199, 0, 255, 0.9), 2.3885305106em -0.4528584868em 7px rgba(255, 0, 237, 0.9), -0.0124437949em 1.2118760551em 7px rgba(255, 46, 0, 0.9), 2.4480707993em 1.7665142677em 7px rgba(0, 202, 255, 0.9), 2.3213898149em -0.2744704181em 7px rgba(0, 255, 198, 0.9), 0.7330962593em 0.6922406483em 7px rgba(0, 255, 54, 0.9), 1.0455298611em 1.3011685369em 7px rgba(255, 85, 0, 0.9), 1.9831881287em 0.5859854838em 7px rgba(249, 0, 255, 0.9), -0.0338833986em -0.0776328624em 7px rgba(80, 0, 255, 0.9), 1.5326463674em 1.792831602em 7px rgba(102, 0, 255, 0.9), -0.2986693104em 2.1706838436em 7px rgba(78, 255, 0, 0.9), 1.1585107384em 0.1280932207em 7px rgba(255, 0, 25, 0.9), 1.6471535471em -0.4546079722em 7px rgba(255, 0, 122, 0.9), 0.4314956614em 0.9235215899em 7px rgba(0, 172, 255, 0.9), -0.1030034424em 0.5413154208em 7px rgba(255, 15, 0, 0.9), 1.8056742976em 1.9659071251em 7px rgba(255, 225, 0, 0.9), 0.2424443187em 1.0857475814em 7px rgba(255, 37, 0, 0.9), 1.8492919036em 0.773514856em 7px rgba(255, 0, 163, 0.9), 0.2298253938em 2.4708312109em 7px rgba(0, 29, 255, 0.9), 0.86899704em 1.8589055878em 7px rgba(249, 255, 0, 0.9), 0.4586925625em 2.1733182498em 7px rgba(51, 255, 0, 0.9), 2.2330831019em 0.6327937021em 7px rgba(0, 255, 80, 0.9);
    animation-duration: 43s;
    animation-delay: -32s;
  }
  
  #flurry::before {
    text-shadow: 1.6519144024em 1.5802754038em 7px rgba(255, 240, 0, 0.9), 1.1806049668em 1.7916019181em 7px rgba(0, 255, 60, 0.9), -0.2345440838em 1.0730089468em 7px rgba(255, 0, 127, 0.9), 0.1951242721em -0.1583334923em 7px rgba(170, 255, 0, 0.9), 2.0081397125em 0.9531659749em 7px rgba(54, 255, 0, 0.9), 2.4518013463em 1.7868072231em 7px rgba(255, 55, 0, 0.9), 1.7500829838em 2.1046699614em 7px rgba(0, 255, 197, 0.9), 1.7465340131em 1.2448947537em 7px rgba(0, 255, 187, 0.9), 0.0506034398em 1.9223546677em 7px rgba(241, 0, 255, 0.9), -0.0634110369em 1.8425466497em 7px rgba(0, 255, 33, 0.9), 0.7252781248em 1.0135192994em 7px rgba(255, 0, 7, 0.9), -0.1741357834em 1.6673197867em 7px rgba(0, 255, 76, 0.9), 1.2578887823em 1.5853764796em 7px rgba(0, 255, 214, 0.9), 0.2340565784em 2.4817959281em 7px rgba(83, 0, 255, 0.9), 1.2324466107em -0.2421430684em 7px rgba(0, 162, 255, 0.9), 2.1515315109em 0.1114429288em 7px rgba(255, 170, 0, 0.9), 1.3677053626em -0.2750922811em 7px rgba(255, 43, 0, 0.9), 1.3733118342em 1.2476022436em 7px rgba(86, 255, 0, 0.9), 2.0861591317em 0.4792969662em 7px rgba(255, 0, 22, 0.9), -0.0327418333em 0.8402596701em 7px rgba(198, 255, 0, 0.9), 0.3576860641em 0.7413982446em 7px rgba(255, 18, 0, 0.9), 0.5965593635em 1.4072576709em 7px rgba(243, 255, 0, 0.9), 0.3770007258em -0.4690571808em 7px rgba(0, 255, 240, 0.9), 0.2022442579em 1.0284767518em 7px rgba(255, 0, 175, 0.9), 2.2481314684em 1.2129286296em 7px rgba(255, 0, 102, 0.9), 1.5755798116em 1.347735438em 7px rgba(191, 0, 255, 0.9), 0.2844610519em -0.3565145075em 7px rgba(224, 0, 255, 0.9), 1.6788032285em 0.2741503138em 7px rgba(255, 180, 0, 0.9), 0.9092532075em 0.8527803577em 7px rgba(0, 255, 145, 0.9), 1.9163537559em 1.3161259498em 7px rgba(255, 0, 164, 0.9), 2.1870661758em 0.0118742581em 7px rgba(0, 255, 131, 0.9), 0.7480011586em 2.3848931669em 7px rgba(232, 255, 0, 0.9), 2.1142743928em 1.680290566em 7px rgba(255, 93, 0, 0.9), 0.5759445181em 0.5868554241em 7px rgba(255, 250, 0, 0.9), 2.3711429244em -0.0426644145em 7px rgba(0, 255, 60, 0.9), 0.3112975025em 0.1155216158em 7px rgba(0, 29, 255, 0.9), 1.4299617567em -0.1259312202em 7px rgba(0, 255, 128, 0.9), 2.2144894262em -0.3866278463em 7px rgba(12, 0, 255, 0.9), 2.0283955748em 1.7713052258em 7px rgba(111, 255, 0, 0.9), 0.4097583797em 2.2365033276em 7px rgba(0, 89, 255, 0.9), 0.2633081196em 1.9115838139em 7px rgba(255, 221, 0, 0.9);
    animation-duration: 42s;
    animation-delay: -23s;
  }
  
  #flurry::after {
    text-shadow: 1.0559232548em 2.4044086749em 7px rgba(255, 0, 192, 0.9), 1.9623987594em 1.3551164544em 7px rgba(255, 64, 0, 0.9), 2.0638782879em -0.3857468902em 7px rgba(0, 255, 206, 0.9), 0.7337364282em 0.2959267015em 7px rgba(83, 0, 255, 0.9), 0.9402398489em 0.4604234373em 7px rgba(255, 174, 0, 0.9), 0.2047977832em 0.7306748445em 7px rgba(255, 0, 22, 0.9), 1.498975366em 0.0876621225em 7px rgba(0, 34, 255, 0.9), 0.7752666391em 1.5165610521em 7px rgba(0, 57, 255, 0.9), 1.7822450498em 1.9473886607em 7px rgba(255, 110, 0, 0.9), 2.1438581243em 1.3664396135em 7px rgba(255, 46, 0, 0.9), -0.2026476241em -0.0148541151em 7px rgba(184, 0, 255, 0.9), 2.1622322842em 1.3395493198em 7px rgba(255, 0, 168, 0.9), 2.4817965646em -0.1259909834em 7px rgba(255, 88, 0, 0.9), 0.6697791037em 1.0266325241em 7px rgba(0, 255, 40, 0.9), 1.7807606838em 0.6314558898em 7px rgba(255, 148, 0, 0.9), 0.0578023229em 0.2095751927em 7px rgba(0, 247, 255, 0.9), -0.4036966404em 0.8213888319em 7px rgba(255, 0, 205, 0.9), 1.4194735494em 2.1830675377em 7px rgba(0, 255, 94, 0.9), 1.4570745774em 0.6515279864em 7px rgba(0, 255, 220, 0.9), 2.0868020424em 1.490125797em 7px rgba(195, 0, 255, 0.9), 1.1289452em 1.4030100883em 7px rgba(214, 0, 255, 0.9), 1.9547361398em 1.3461642898em 7px rgba(255, 0, 67, 0.9), 1.6553573143em 0.6715013247em 7px rgba(58, 255, 0, 0.9), 1.6589610211em 0.4194615157em 7px rgba(255, 0, 201, 0.9), 1.1310259484em 2.1708817649em 7px rgba(19, 255, 0, 0.9), 1.4379353811em 0.0207780083em 7px rgba(0, 14, 255, 0.9), 0.8628661415em 2.3989236959em 7px rgba(0, 255, 147, 0.9), -0.3998586282em 0.7350975444em 7px rgba(0, 107, 255, 0.9), 2.4507607363em 2.2648366214em 7px rgba(255, 0, 0, 0.9), 1.0170390583em 2.1969233651em 7px rgba(255, 0, 97, 0.9), -0.1740418418em 1.3370747838em 7px rgba(249, 255, 0, 0.9), 0.1461225156em -0.2206779561em 7px rgba(255, 226, 0, 0.9), 0.8384120169em 0.8987470129em 7px rgba(255, 0, 253, 0.9), 1.3123207879em 0.4490803927em 7px rgba(28, 255, 0, 0.9), 1.6216805131em 1.2563099048em 7px rgba(255, 0, 225, 0.9), 0.4245470782em 0.4556616916em 7px rgba(0, 101, 255, 0.9), 1.0734050178em 1.0452194011em 7px rgba(0, 255, 2, 0.9), 0.6791190024em 1.6439874879em 7px rgba(255, 94, 0, 0.9), 0.5500003856em -0.1237005728em 7px rgba(0, 255, 76, 0.9), 1.8771390442em 1.0222859958em 7px rgba(148, 0, 255, 0.9), 0.8091426527em 0.8730334704em 7px rgba(0, 109, 255, 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);
    }
  }