tagblog/css/404.css

h1 {
  font-size:8em;
  font-weight:700;
  padding:0;
}

article.fullpage {
  text-align: center;
}

article.fullpage {
  animation: screenflicker 1s linear infinite alternate;
}
.skewed {
  animation: skewed 9s linear infinite alternate;
}
.flicker1 {
  animation: flicker 10s linear infinite alternate;
}
.flicker2 {
  animation: flicker 8s linear infinite alternate;
}
.flicker3 {
  animation: flicker 6s linear infinite alternate;
}
.flicker4 {
  animation: flicker 4s linear infinite alternate;
}

/* Violent skews */
@keyframes skewed {
  0%,10%,10.2%,39.9%,40.1%,99.8% {
    transform: skew(0deg, 0deg);
  }
  10.1% {
    transform: scale(.1) skewX(80deg);
  }
  40% {
    transform: rotate(360deg);
  }
  99.9% {
    transform: scale(.1) skewY(100deg);
  }
}

/* on/off like broken neon light */
@keyframes flicker {
  0%, 44.5%, 45.5%, 61.5%, 62.5%, 99.5% {
    opacity: 1;
  }
  45%,62%,99.9% {
    opacity: 0.1;
  }
}