404.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

<!DOCTYPE html>
<html>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html {
            background: black;
            color: white;
            font-size: 20px;
        }
        h1 {
            font-size: 128px;
        }
        body {
            width: 100%;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }
        .glow {
            color: #fff;
            -webkit-animation: glow 2s ease-in-out infinite alternate;
            -moz-animation: glow 2s ease-in-out infinite alternate;
            animation: glow 2s ease-in-out infinite alternate;
        }
        @keyframes glow {
            0% {
                text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00ff00, 0 0 50px #00ee00, 0 0 60px #00dd00, 0 0 70px #00cc00, 0 0 80px #00bb00;
            }
            100% {
                text-shadow: 0 0 5px #fff, 0 0 10px #00aa0a, 0 0 15px, 0 0 20px #009900, 0 0 25px #008800, 0 0 30px #007700, 0 0 35px #006600;
            }
        }
        
    </style>
    <body>
        <h1 class="glow">404</h1>
        <p>There is nothing to see here.</p>
    </body>
</html>