html, body {
  height: 100%;
}

html {
  height: 100%;
}

head::before, head::after,
body::before, body::after {
  display: block;
  font-size: 52px;
}

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

body::before {
  text-shadow: -0.3460446547em 1.3144792789em 7px rgba(250, 255, 185, 0.9),
  1.8264439104em 1.9895698636em 7px rgba(250, 255, 185, 0.9),
  2.1012779039em 0.8054914063em 7px rgba(250, 255, 185, 0.9),
  1.0429569188em 0.8370183817em 7px rgba(250, 255, 185, 0.9),
  0.1577259287em -0.360565712em 7px rgba(255, 254, 189, 0.9),
  1.1746106779em 0.0003174411em 7px rgba(255, 255, 255, 0.9),
  0.2681410988em 2.4625248548em 7px rgba(250, 255, 185, 0.9),
  0.2222163056em 1.028413655em 7px rgba(250, 255, 185, 0.9),
  0.4301461668em -0.3891311667em 7px rgba(250, 255, 185, 0.9),
  1.6121530972em 0.2990984873em 7px rgba(0, 150, 255, 0.9),
  0.0402852232em 1.2583547217em 7px rgba(236, 236, 236, 0.9);
  animation-duration: 300s;
  animation-delay: -15s;
  filter: blur(3px);
}


body::after {
  text-shadow: -0.3460446547em 1.3144792789em 7px rgba(250, 255, 185, 0.9),
  1.8264439104em 1.9895698636em 7px rgba(250, 255, 185, 0.9),
  2.1012779039em 0.8054914063em 7px rgba(250, 255, 185, 0.9),
  1.0429569188em 0.8370183817em 7px rgba(250, 255, 185, 0.9),
  0.1577259287em -0.360565712em 7px rgba(255, 254, 189, 0.9),
  1.1746106779em 0.0003174411em 7px rgba(255, 255, 255, 0.9),
  0.2681410988em 2.4625248548em 7px rgba(250, 255, 185, 0.9),
  0.2222163056em 1.028413655em 7px rgba(250, 255, 185, 0.9),
  0.4301461668em -0.3891311667em 7px rgba(250, 255, 185, 0.9),
  1.6121530972em 0.2990984873em 7px rgba(0, 150, 255, 0.9),
  0.0402852232em 1.2583547217em 7px rgba(236, 236, 236, 0.9);
  animation-duration: 85s;
  animation-delay: -32s;
  filter: blur(7px);
}



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