.animated-bg {
  display: block;
  font-size: 52px;
  overflow: hidden;
  color: transparent;
}

.animated-bg::before,
.animated-bg::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: ".";
  mix-blend-mode: screen;
  animation: 44s -27s move infinite ease-in-out alternate;
}

.animated-bg::before {
  text-shadow: 2.4161047549em 1.4836741343em 7px #592C82, 1.1308477398em 1.6668968906em 7px #592C82, 1.837058356em 1.576615493em 7px #592C82, 1.3152435972em 1.6813565376em 7px #00A0DF, 1.5647851302em -0.0993977003em 7px #00A0DF, 1.777092979em 0.3630601591em 7px #D02A2F, 0.7623213712em 2.3243814187em 7px #592C82, 0.108562175em 1.1402696405em 7px #592C82, 0.3389761956em 0.6843138662em 7px #D02A2F, 2.245668485em 1.8240637164em 7px #592C82, 1.5473081774em 0.4552247552em 7px #592C82, 2.4629598842em 1.0499808214em 7px #592C82, -0.3702564309em 0.0334720522em 7px #D02A2F, 2.491054947em 1.2468681613em 7px #00A0DF, 2.4646638296em 0.1507394092em 7px #00A0DF, 0.1482447347em 0.5130927946em 7px #00A0DF, 1.9199805479em 0.7036571197em 7px #00A0DF, 0.0461531115em 2.4930285151em 7px #D02A2F, 1.9365574714em -0.2170460478em 7px #592C82, -0.1395007444em 0.0586132242em 7px #592C82, -0.2042578595em 1.0136547137em 7px #00A0DF, 0.0752719076em 0.3117924016em 7px #592C82, 1.3889965167em 2.4784163137em 7px #592C82, 2.3208305206em 0.4390522796em 7px #00A0DF, 1.0383463907em 0.5119714464em 7px #D02A2F, 0.9780091561em 1.3304459806em 7px #00A0DF, 0.5711263405em 1.0060618941em 7px #00A0DF, 1.9925699545em 2.3778531708em 7px #00A0DF, 0.2259503392em 1.1318960985em 7px #D02A2F, 0.3544351697em 0.3101873957em 7px #D02A2F, 0.5686247492em -0.3660965908em 7px #D02A2F, -0.2177332296em 1.3294881209em 7px #592C82, -0.1123782235em 0.5878234365em 7px #592C82, 0.073690431em 1.781666932em 7px #00A0DF, 2.0985665084em -0.4557058762em 7px #D02A2F, 1.4839690947em 1.4875662411em 7px #D02A2F, -0.3361725798em 1.3153500298em 7px #D02A2F, 2.3431087921em 0.5910867375em 7px #00A0DF, 1.8501866613em 1.5912457184em 7px #592C82, 0.1497605876em 2.1562284587em 7px #592C82, -0.091502157em 2.4058047473em 7px #D02A2F;
  animation-duration: 44s;
  animation-delay: -27s;
}

.animated-bg::after {
  text-shadow: 0.004128443em -0.3790806106em 7px #00A0DF, 0.1955303107em 0.5837268434em 7px #592C82, 1.6819527793em 0.3312767286em 7px #592C82, 0.0067357174em 1.1419471632em 7px #D02A2F, 0.9750608078em 2.4160828023em 7px #592C82, 0.4073617419em -0.3687149413em 7px #D02A2F, 0.7187865343em -0.129553591em 7px #00A0DF, 0.2238064514em 1.7678268015em 7px #592C82, 0.0421335079em 2.3588654187em 7px #00A0DF, 1.413403858em 0.4744838521em 7px #00A0DF, 1.9395849247em 2.2192000357em 7px #592C82, 0.8159301481em 2.017640602em 7px #592C82, 1.4910919186em 0.3361407879em 7px #00A0DF, 1.6998010386em 0.5343118654em 7px #592C82, 1.7004349722em 1.5808176251em 7px #D02A2F, -0.1854081195em 0.0345832945em 7px #D02A2F, 2.3361867431em 0.5193251058em 7px #592C82, 1.4062635465em -0.2375038394em 7px #00A0DF, 1.7270759674em 0.5857705593em 7px #D02A2F, 1.7329596873em -0.1609843076em 7px #592C82, 2.316367616em -0.333480502em 7px #592C82, 1.8247586159em 1.7827980312em 7px #D02A2F, -0.0289111308em 1.3936186665em 7px #00A0DF, 0.662839079em 2.0513486023em 7px #00A0DF, 0.920367629em 2.0153408564em 7px #00A0DF, 0.4340162637em 2.0616625962em 7px #D02A2F, 0.2335043949em 0.7111419312em 7px #00A0DF, 0.1232842829em -0.1208524394em 7px #00A0DF, 2.0417039921em 1.089281033em 7px #D02A2F, -0.4804707582em 0.8413356276em 7px #592C82, 0.3404528638em 0.324337152em 7px #00A0DF, 0.9898874954em 2.1316321278em 7px #00A0DF, 0.3624628178em 2.0481915213em 7px #00A0DF, 0.521383423em 1.9404618798em 7px #D02A2F, -0.1445572778em 2.4339603612em 7px #D02A2F, -0.4024456029em 2.2686250669em 7px #D02A2F, 1.5236149378em 0.1958668242em 7px #D02A2F, 0.9899031878em 2.4281230666em 7px #00A0DF, 1.1493236241em 0.9995360163em 7px #592C82, 1.2660694189em 1.8923483068em 7px #592C82, -0.0932637161em 1.9169929342em 7px #D02A2F;
  animation-duration: 43s;
  animation-delay: -32s;
}

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