html {
  font: 5vmin/1.3 Serif;
  overflow: hidden;
  background: #123;
}

body, head {
  display: block;
  font-size: 52px;
  color: transparent;
}
div {
color: #fff!important;
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 200px;
    height: 100px;
    margin: auto;
	z-index:9999999;

}
head::before, head::after,
body::before, 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;
}

body::before {
  text-shadow: 1.8743844803em 0.1112086996em 7px rgba(255, 248, 0, 0.9), 0.5818619445em 2.3660030984em 7px rgba(0, 89, 255, 0.9), 2.1983714826em -0.1549994784em 7px rgba(0, 255, 19, 0.9), -0.3030624391em 1.9239711257em 7px rgba(116, 0, 255, 0.9), -0.3001667087em 2.3259312039em 7px rgba(0, 201, 255, 0.9), 1.5707740009em -0.2517332408em 7px rgba(0, 46, 255, 0.9), 1.2464743152em 2.4099334977em 7px rgba(119, 255, 0, 0.9), 1.3346632053em 2.0396847853em 7px rgba(255, 0, 110, 0.9), -0.0672026624em 0.5503886577em 7px rgba(7, 255, 0, 0.9), 1.7495818247em 1.6703045334em 7px rgba(226, 0, 255, 0.9), 0.8806370896em 1.3149457862em 7px rgba(255, 0, 54, 0.9), -0.2669051317em 1.2558539303em 7px rgba(255, 180, 0, 0.9), 0.6097181442em 0.7195461365em 7px rgba(0, 22, 255, 0.9), 2.0543399177em 0.9830323465em 7px rgba(0, 255, 37, 0.9), 1.9393217412em 1.6153900314em 7px rgba(255, 168, 0, 0.9), 0.9300994239em 0.8814159911em 7px rgba(192, 255, 0, 0.9), 0.5686750801em 0.3608596876em 7px rgba(7, 255, 0, 0.9), 0.0245750643em 0.3597553471em 7px rgba(0, 107, 255, 0.9), 2.2115506696em 0.9071490873em 7px rgba(255, 83, 0, 0.9), 2.0362223429em 1.7208091285em 7px rgba(201, 0, 255, 0.9), 0.3889166928em 0.9056770584em 7px rgba(255, 0, 113, 0.9), 2.0826515947em 0.4824990219em 7px rgba(115, 0, 255, 0.9), -0.1165618393em 0.7362962795em 7px rgba(255, 178, 0, 0.9), 1.1803753317em 2.0126888522em 7px rgba(0, 255, 127, 0.9), 2.166311159em 0.7277028139em 7px rgba(13, 0, 255, 0.9), 1.3479044498em 2.3832244084em 7px rgba(255, 86, 0, 0.9), 0.9118660095em 0.9387229861em 7px rgba(38, 255, 0, 0.9), 1.0657265266em 1.4483971924em 7px rgba(255, 44, 0, 0.9), 2.3522840699em 1.6457479938em 7px rgba(225, 0, 255, 0.9), 1.8347994782em 1.4803266816em 7px rgba(60, 0, 255, 0.9), 0.8495918877em 2.0881883287em 7px rgba(255, 0, 160, 0.9), 0.1710164559em 0.369979353em 7px rgba(255, 168, 0, 0.9), 0.5422992913em 0.7142675417em 7px rgba(236, 255, 0, 0.9), -0.3485191073em 0.0394326661em 7px rgba(255, 33, 0, 0.9), -0.2234148129em 1.0581630181em 7px rgba(250, 255, 0, 0.9), -0.2381725099em 1.1675850275em 7px rgba(2, 255, 0, 0.9), -0.185152737em 2.4519018068em 7px rgba(0, 60, 255, 0.9), -0.1203671166em 0.678903422em 7px rgba(255, 0, 150, 0.9), 1.8195386933em 0.3950139648em 7px rgba(107, 255, 0, 0.9), 1.1742382672em 0.2175763629em 7px rgba(255, 0, 104, 0.9), 0.4300640627em 0.8646799925em 7px rgba(200, 255, 0, 0.9);
  animation-duration: 44s;
  animation-delay: -27s;
}

body::after {
  text-shadow: 0.9180465464em 0.851745666em 7px rgba(125, 0, 255, 0.9), 1.0782294121em 2.2860247481em 7px rgba(27, 0, 255, 0.9), 2.3275485167em 1.0080154671em 7px rgba(255, 0, 131, 0.9), 1.4977402997em 1.2553794986em 7px rgba(180, 255, 0, 0.9), 0.8714867265em 0.6531124564em 7px rgba(255, 0, 110, 0.9), 0.8490238147em 2.2678724937em 7px rgba(0, 255, 129, 0.9), 1.7879701637em -0.4457690677em 7px rgba(255, 92, 0, 0.9), 0.7586181322em 0.1529037929em 7px rgba(39, 255, 0, 0.9), 1.8543660737em -0.185523324em 7px rgba(255, 0, 80, 0.9), 1.4453219078em 1.5210298202em 7px rgba(132, 0, 255, 0.9), 2.0279776093em 1.8012759063em 7px rgba(255, 0, 228, 0.9), 0.234818746em -0.2268971425em 7px rgba(0, 212, 255, 0.9), 1.4680634321em 0.479027194em 7px rgba(193, 0, 255, 0.9), -0.3148526232em 2.0241257209em 7px rgba(255, 0, 114, 0.9), -0.3351939168em 1.540786016em 7px rgba(189, 0, 255, 0.9), -0.0501498253em -0.451430235em 7px rgba(229, 255, 0, 0.9), 0.2601095727em 0.3247449961em 7px rgba(180, 255, 0, 0.9), 1.4728726803em 1.883742212em 7px rgba(37, 0, 255, 0.9), 1.2417170766em 0.9140102969em 7px rgba(0, 255, 131, 0.9), 2.1080830579em 0.3482203453em 7px rgba(255, 0, 204, 0.9), -0.3719850937em -0.1600937403em 7px rgba(0, 252, 255, 0.9), 0.8321323127em 0.2668384398em 7px rgba(54, 255, 0, 0.9), 0.0113789382em 1.4246733539em 7px rgba(255, 0, 205, 0.9), 1.8207605182em 0.2065707997em 7px rgba(252, 255, 0, 0.9), 0.3241138399em 1.8677395535em 7px rgba(119, 0, 255, 0.9), 0.1285031753em 0.2130526489em 7px rgba(0, 255, 217, 0.9), 1.2399746716em 1.5143322733em 7px rgba(119, 0, 255, 0.9), 1.5512525064em 1.6707695695em 7px rgba(64, 0, 255, 0.9), 0.5183504894em 0.6696711187em 7px rgba(255, 0, 155, 0.9), -0.0390839689em 1.2056282696em 7px rgba(0, 255, 183, 0.9), 2.0750720183em -0.2361458259em 7px rgba(255, 0, 215, 0.9), 1.9899754957em 0.6662049609em 7px rgba(187, 0, 255, 0.9), 0.1696061761em -0.0889672658em 7px rgba(60, 0, 255, 0.9), 1.5467762558em 1.3528251114em 7px rgba(0, 255, 29, 0.9), 0.7751370643em -0.2791790457em 7px rgba(163, 0, 255, 0.9), -0.3555841956em 1.5685551667em 7px rgba(192, 0, 255, 0.9), -0.04423963em 1.3421985298em 7px rgba(255, 41, 0, 0.9), -0.2276225508em 1.0654203581em 7px rgba(255, 0, 50, 0.9), 1.1882220088em 2.0222684228em 7px rgba(0, 255, 126, 0.9), 0.4848634881em 2.2808187573em 7px rgba(255, 162, 0, 0.9), 0.108603515em 1.6102188632em 7px rgba(255, 9, 0, 0.9);
  animation-duration: 43s;
  animation-delay: -32s;
}

head::before {
  text-shadow: 0.4498467099em -0.2293470388em 7px rgba(0, 220, 255, 0.9), -0.390549204em 2.3108210759em 7px rgba(0, 255, 197, 0.9), -0.2913250213em 1.0023620982em 7px rgba(228, 255, 0, 0.9), 0.7842362261em 1.7926558868em 7px rgba(0, 211, 255, 0.9), -0.0112151764em -0.1142995757em 7px rgba(255, 219, 0, 0.9), 2.4175896599em 0.2989791378em 7px rgba(230, 255, 0, 0.9), 0.8259368333em -0.4131767703em 7px rgba(255, 0, 4, 0.9), 2.3120261764em 0.4043591138em 7px rgba(0, 255, 230, 0.9), 0.3053459334em 0.5805731014em 7px rgba(40, 0, 255, 0.9), 0.047430908em -0.0403344656em 7px rgba(110, 255, 0, 0.9), 1.6256877715em 0.9087993722em 7px rgba(255, 160, 0, 0.9), -0.4580715731em -0.0127430474em 7px rgba(14, 255, 0, 0.9), 1.144752371em 2.1398720442em 7px rgba(0, 255, 156, 0.9), 0.4502819319em 0.1653405522em 7px rgba(184, 255, 0, 0.9), 0.1669073868em 0.0066464469em 7px rgba(0, 194, 255, 0.9), 2.0039334738em 0.8011840073em 7px rgba(0, 255, 149, 0.9), 1.1865081396em 0.3185560617em 7px rgba(0, 255, 86, 0.9), 0.2343391526em 0.2183182393em 7px rgba(255, 128, 0, 0.9), 1.0511857293em 1.1363474503em 7px rgba(61, 0, 255, 0.9), 0.2304846064em 2.35150843em 7px rgba(206, 255, 0, 0.9), 0.3102458184em 1.6371779763em 7px rgba(222, 0, 255, 0.9), 1.7611446587em -0.0255768942em 7px rgba(112, 0, 255, 0.9), 1.8893233673em 1.139051076em 7px rgba(94, 255, 0, 0.9), 2.3180547627em 0.1730179368em 7px rgba(0, 255, 197, 0.9), 2.2636607799em 1.9048336682em 7px rgba(255, 104, 0, 0.9), 0.6728126001em 2.4839423464em 7px rgba(75, 0, 255, 0.9), 1.9805110462em 0.1599444256em 7px rgba(211, 0, 255, 0.9), 1.5542482215em 0.117967845em 7px rgba(0, 255, 43, 0.9), -0.4129947057em 1.9548394229em 7px rgba(0, 226, 255, 0.9), 1.5643410313em 1.8735940435em 7px rgba(0, 255, 55, 0.9), -0.1390681712em 1.2679497618em 7px rgba(0, 255, 58, 0.9), 1.5548501666em 1.8996373081em 7px rgba(0, 87, 255, 0.9), 0.14979675em 1.6965332256em 7px rgba(167, 255, 0, 0.9), 1.8637883528em 0.9187492868em 7px rgba(14, 0, 255, 0.9), 0.8834836364em 0.8339693549em 7px rgba(255, 145, 0, 0.9), -0.0880504993em 1.788685311em 7px rgba(255, 0, 199, 0.9), 2.1517405505em 0.692598229em 7px rgba(255, 211, 0, 0.9), 1.7028263771em 1.8236553803em 7px rgba(0, 161, 255, 0.9), 2.287677994em 1.8939926671em 7px rgba(145, 255, 0, 0.9), 0.8492121134em 2.0653736286em 7px rgba(255, 0, 195, 0.9), 1.44801568em 2.2213265543em 7px rgba(0, 168, 255, 0.9);
  animation-duration: 42s;
  animation-delay: -23s;
}

head::after {
  text-shadow: -0.31040071em -0.3551775554em 7px rgba(0, 126, 255, 0.9), 2.1142555272em 1.7658291624em 7px rgba(255, 0, 207, 0.9), 0.0745192206em 1.2761947456em 7px rgba(186, 0, 255, 0.9), 1.3783055517em 2.0613650201em 7px rgba(0, 255, 9, 0.9), 2.4922471462em 0.4236451043em 7px rgba(140, 255, 0, 0.9), 0.8952447234em 1.0112573347em 7px rgba(255, 115, 0, 0.9), 0.7781476956em 2.3809648317em 7px rgba(99, 255, 0, 0.9), 2.1235918165em 1.4919139857em 7px rgba(255, 75, 0, 0.9), 2.2036639209em 1.4542232633em 7px rgba(180, 0, 255, 0.9), 1.0130859376em 0.2911465311em 7px rgba(60, 255, 0, 0.9), 1.2141520752em 2.3606424719em 7px rgba(91, 255, 0, 0.9), 0.6431241606em 2.451908658em 7px rgba(0, 53, 255, 0.9), -0.2586193176em 0.3384678178em 7px rgba(255, 38, 0, 0.9), 1.0499297755em 2.1377384855em 7px rgba(0, 255, 197, 0.9), -0.0236268944em 0.6139775536em 7px rgba(7, 0, 255, 0.9), 0.8195307913em 1.3603305599em 7px rgba(0, 255, 19, 0.9), 0.5849537626em 1.6715238355em 7px rgba(255, 0, 2, 0.9), 0.1872754641em 1.2905234216em 7px rgba(255, 127, 0, 0.9), -0.0454146854em 0.412935076em 7px rgba(206, 0, 255, 0.9), 1.2466194935em 1.5244827116em 7px rgba(0, 255, 192, 0.9), 1.3910075912em 0.0388861799em 7px rgba(208, 255, 0, 0.9), 0.3596051943em 2.1835524875em 7px rgba(255, 0, 69, 0.9), 2.1878895618em -0.3149525687em 7px rgba(111, 255, 0, 0.9), 0.0831327989em 1.395070728em 7px rgba(0, 112, 255, 0.9), 1.5685959554em 1.9179945866em 7px rgba(255, 138, 0, 0.9), 0.6726513169em 0.6656097403em 7px rgba(255, 131, 0, 0.9), -0.3561032487em -0.1372594731em 7px rgba(102, 0, 255, 0.9), 2.3551057599em 1.2798841744em 7px rgba(255, 4, 0, 0.9), 1.3733728053em -0.3509358485em 7px rgba(173, 0, 255, 0.9), 1.4224455718em 0.2088918835em 7px rgba(156, 255, 0, 0.9), 0.1114403723em 1.1684636488em 7px rgba(200, 255, 0, 0.9), 1.2923254295em 0.839859551em 7px rgba(0, 255, 189, 0.9), 1.8493708351em 1.1016811884em 7px rgba(0, 168, 255, 0.9), 1.2997724851em 0.4574210434em 7px rgba(0, 255, 169, 0.9), 2.3021247897em -0.3873527324em 7px rgba(147, 255, 0, 0.9), 0.4049098978em 1.9598877287em 7px rgba(255, 0, 134, 0.9), -0.4959683825em 0.9830107419em 7px rgba(0, 76, 255, 0.9), -0.3022468262em 2.4925067831em 7px rgba(18, 0, 255, 0.9), 0.6867305818em 0.8171984152em 7px rgba(230, 0, 255, 0.9), 0.6039575331em 1.9325483747em 7px rgba(0, 123, 255, 0.9), 0.9192741373em 0.9420054835em 7px rgba(147, 0, 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);
  }
}