body {
  margin: 0;
  padding: 0;
  background: #000;
}

video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
}

div {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: xx-large;
  text-align: center;
  color: white;
  text-shadow: 0px 2px 15px rgba(0,0,0,0.5);
  animation: blur 3s;
}

.dot {
  color: blue;
}

@keyframes blur {
  0% {
    filter: blur(20px);
    text-shadow: none;
  }
}