@charset "UTF-8";
html::before, html::after, body::before, body::after {
  content: "・";
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  position: fixed;
  inset: 0;
  width: 200px;
  height: 200px;
  margin: auto;
  color: transparent;
  font-family: times, serif;
  font-size: 50px;
  mix-blend-mode: screen;
  transform-origin: 50% 50%;
  animation: 60s ease-in-out 0s infinite alternate move;
}
html::before {
  text-shadow: 65px -94px 7px hsl(282deg 100% 50% / 0.9), -84px -79px 7px hsl(99deg 100% 50% / 0.9), 98px -58px 7px hsl(166deg 100% 50% / 0.9), 90px 40px 7px hsl(310deg 100% 50% / 0.9), -75px 80px 7px hsl(149deg 100% 50% / 0.9), -16px 0px 7px hsl(142deg 100% 50% / 0.9), 16px -92px 7px hsl(243deg 100% 50% / 0.9), -77px 5px 7px hsl(359deg 100% 50% / 0.9), 64px -18px 7px hsl(106deg 100% 50% / 0.9), -90px 17px 7px hsl(304deg 100% 50% / 0.9), 36px 56px 7px hsl(49deg 100% 50% / 0.9), -59px -2px 7px hsl(220deg 100% 50% / 0.9), -19px 74px 7px hsl(12deg 100% 50% / 0.9), 4px 94px 7px hsl(137deg 100% 50% / 0.9), -78px -95px 7px hsl(194deg 100% 50% / 0.9), 36px -36px 7px hsl(0deg 100% 50% / 0.9), 82px 72px 7px hsl(64deg 100% 50% / 0.9), 85px 29px 7px hsl(354deg 100% 50% / 0.9), -55px -85px 7px hsl(192deg 100% 50% / 0.9), 66px 82px 7px hsl(133deg 100% 50% / 0.9), 4px -35px 7px hsl(59deg 100% 50% / 0.9), 91px 51px 7px hsl(271deg 100% 50% / 0.9), -56px 46px 7px hsl(149deg 100% 50% / 0.9), 28px 63px 7px hsl(149deg 100% 50% / 0.9), 14px 24px 7px hsl(260deg 100% 50% / 0.9), -24px 15px 7px hsl(185deg 100% 50% / 0.9), -68px -55px 7px hsl(51deg 100% 50% / 0.9), 19px 50px 7px hsl(313deg 100% 50% / 0.9), 28px 61px 7px hsl(329deg 100% 50% / 0.9), 11px 26px 7px hsl(315deg 100% 50% / 0.9);
  animation-duration: 60s;
  animation-delay: 0s;
}
html::after {
  text-shadow: 79px -27px 7px hsl(320deg 100% 50% / 0.9), -85px 36px 7px hsl(116deg 100% 50% / 0.9), 94px -15px 7px hsl(319deg 100% 50% / 0.9), -1px 13px 7px hsl(33deg 100% 50% / 0.9), -23px 14px 7px hsl(30deg 100% 50% / 0.9), 22px 48px 7px hsl(164deg 100% 50% / 0.9), 14px 84px 7px hsl(200deg 100% 50% / 0.9), -64px 68px 7px hsl(160deg 100% 50% / 0.9), 92px 58px 7px hsl(152deg 100% 50% / 0.9), -83px -12px 7px hsl(197deg 100% 50% / 0.9), -68px -54px 7px hsl(65deg 100% 50% / 0.9), -25px 37px 7px hsl(84deg 100% 50% / 0.9), -90px 63px 7px hsl(301deg 100% 50% / 0.9), -10px 77px 7px hsl(307deg 100% 50% / 0.9), -19px -58px 7px hsl(192deg 100% 50% / 0.9), -61px 75px 7px hsl(132deg 100% 50% / 0.9), 92px 97px 7px hsl(301deg 100% 50% / 0.9), -6px -5px 7px hsl(210deg 100% 50% / 0.9), -27px -26px 7px hsl(344deg 100% 50% / 0.9), 79px 92px 7px hsl(198deg 100% 50% / 0.9), -91px -92px 7px hsl(226deg 100% 50% / 0.9), -8px 3px 7px hsl(17deg 100% 50% / 0.9), -13px -65px 7px hsl(332deg 100% 50% / 0.9), 4px -86px 7px hsl(270deg 100% 50% / 0.9), 18px -58px 7px hsl(314deg 100% 50% / 0.9), 71px 31px 7px hsl(232deg 100% 50% / 0.9), 50px 65px 7px hsl(249deg 100% 50% / 0.9), -47px 99px 7px hsl(351deg 100% 50% / 0.9), -84px -98px 7px hsl(163deg 100% 50% / 0.9), 15px 62px 7px hsl(163deg 100% 50% / 0.9);
  animation-duration: 58s;
  animation-delay: -8s;
}
body::before {
  text-shadow: 8px -73px 7px hsl(217deg 100% 50% / 0.9), -46px 25px 7px hsl(18deg 100% 50% / 0.9), 96px -16px 7px hsl(281deg 100% 50% / 0.9), -99px -97px 7px hsl(250deg 100% 50% / 0.9), 31px 65px 7px hsl(332deg 100% 50% / 0.9), -80px 77px 7px hsl(325deg 100% 50% / 0.9), -46px -92px 7px hsl(9deg 100% 50% / 0.9), 88px -22px 7px hsl(191deg 100% 50% / 0.9), 74px 59px 7px hsl(173deg 100% 50% / 0.9), -42px 13px 7px hsl(124deg 100% 50% / 0.9), -38px 77px 7px hsl(131deg 100% 50% / 0.9), 36px -36px 7px hsl(45deg 100% 50% / 0.9), -7px -51px 7px hsl(237deg 100% 50% / 0.9), -39px -81px 7px hsl(72deg 100% 50% / 0.9), 87px 30px 7px hsl(315deg 100% 50% / 0.9), 82px -14px 7px hsl(262deg 100% 50% / 0.9), -61px -75px 7px hsl(84deg 100% 50% / 0.9), 59px 36px 7px hsl(226deg 100% 50% / 0.9), -63px -2px 7px hsl(344deg 100% 50% / 0.9), -13px 92px 7px hsl(71deg 100% 50% / 0.9), -13px -79px 7px hsl(212deg 100% 50% / 0.9), 76px 58px 7px hsl(99deg 100% 50% / 0.9), 75px 26px 7px hsl(158deg 100% 50% / 0.9), -39px 75px 7px hsl(189deg 100% 50% / 0.9), -99px -67px 7px hsl(114deg 100% 50% / 0.9), 66px 20px 7px hsl(141deg 100% 50% / 0.9), -39px -35px 7px hsl(203deg 100% 50% / 0.9), 29px 58px 7px hsl(110deg 100% 50% / 0.9), -27px -84px 7px hsl(333deg 100% 50% / 0.9), 95px 93px 7px hsl(81deg 100% 50% / 0.9);
  animation-duration: 56s;
  animation-delay: -16s;
}
body::after {
  text-shadow: 85px -63px 7px hsl(181deg 100% 50% / 0.9), -39px -6px 7px hsl(264deg 100% 50% / 0.9), -76px -24px 7px hsl(137deg 100% 50% / 0.9), 85px 69px 7px hsl(85deg 100% 50% / 0.9), -77px -32px 7px hsl(356deg 100% 50% / 0.9), -68px 51px 7px hsl(88deg 100% 50% / 0.9), -97px 20px 7px hsl(110deg 100% 50% / 0.9), -19px 20px 7px hsl(302deg 100% 50% / 0.9), -85px 78px 7px hsl(156deg 100% 50% / 0.9), -68px -41px 7px hsl(251deg 100% 50% / 0.9), -11px -8px 7px hsl(130deg 100% 50% / 0.9), -7px 62px 7px hsl(285deg 100% 50% / 0.9), 9px 87px 7px hsl(229deg 100% 50% / 0.9), 99px -64px 7px hsl(288deg 100% 50% / 0.9), -32px 7px 7px hsl(60deg 100% 50% / 0.9), 18px -28px 7px hsl(291deg 100% 50% / 0.9), -6px 58px 7px hsl(310deg 100% 50% / 0.9), -21px -58px 7px hsl(56deg 100% 50% / 0.9), 31px -27px 7px hsl(304deg 100% 50% / 0.9), -80px 28px 7px hsl(301deg 100% 50% / 0.9), 78px 37px 7px hsl(41deg 100% 50% / 0.9), 66px -45px 7px hsl(300deg 100% 50% / 0.9), 76px 54px 7px hsl(78deg 100% 50% / 0.9), 44px -2px 7px hsl(175deg 100% 50% / 0.9), -51px 69px 7px hsl(207deg 100% 50% / 0.9), 96px -45px 7px hsl(249deg 100% 50% / 0.9), -99px 41px 7px hsl(254deg 100% 50% / 0.9), -63px 92px 7px hsl(209deg 100% 50% / 0.9), 13px -45px 7px hsl(102deg 100% 50% / 0.9), -92px -85px 7px hsl(61deg 100% 50% / 0.9);
  animation-duration: 54s;
  animation-delay: -24s;
}
@keyframes move {
  from {
    transform: rotate(0deg) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(360deg) scale(18) translateX(20px);
  }
}