diff --git a/404.html b/404.html new file mode 100644 index 0000000..15de52e --- /dev/null +++ b/404.html @@ -0,0 +1,48 @@ +
404
+@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400'); + +body{ + display: flex; + width: 100vw; + height: 100vh; + align-items: center; + justify-content: center; + margin: 0; + background: linear-gradient(30deg, green, white); + color: #fff; + font-size: 96px; + font-family: 'Fira Mono', monospace; + letter-spacing: -7px; +} + +div{ + animation: glitch 1s linear infinite; +} + +@keyframes glitch{ + 2%,64%{ + transform: translate(2px,0) skew(0deg); + } + 4%,60%{ + transform: translate(-2px,0) skew(0deg); + } + 62%{ + transform: translate(0,0) skew(5deg); + } +} + +div:before, +div:after{ + content: attr(title); + position: absolute; + left: 0; +} + +div:before{ + animation: glitchTop 1s linear infinite; + clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%); + -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%); +} + +@keyframes glitchTop{ + 2%,64%{