@font-face {
  font-family: 'neontubes';
  src: url("fonts/neontubes.ttf");
}
body {
  background: #100;
}

.main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "neontubes";
  text-align: center;
}

.main .webdev {
  color: #ffd9e2;
  text-shadow: 0 0 0 transparent, 0 0 10px #ff003c, 0 0 20px rgba(255, 0, 60, 0.5), 0 0 40px #ff003c, 0 0 100px #ff003c, 0 0 200px #ff003c, 0 0 300px #ff003c, 0 0 500px #ff003c, 0 0 1000px #ff003c;
  animation: blink 4s infinite alternate;
}

@-webkit-keyframes buzz {
  70% { opacity: 0.80; }
}

@keyframes buzz {
  70% { opacity: 0.80; }
}
@-webkit-keyframes blink {
  40% { opacity: 1; }
  42% { opacity: 0.8; }
  43% { opacity: 1; }
  45% { opacity: 0.2; }
  46% { opacity: 1; }
}
@keyframes blink {
  40% { opacity: 1; }
  42% { opacity: 0.8; }
  43% { opacity: 1; }
  45% { opacity: 0.2; }
  46% { opacity: 1; }
}
@media screen {
  .main {
    font-size: 100px;
  }
}