blob: a7ea62411b3e8ad2e55209e21a694ae23848f8d3 (
plain)
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
|
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404: Not Found</title>
<style>
html,body{ padding:0; margin:0;
font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed;
line-height:1.2em; background: ##f3f4f5;
}
h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/;
margin: 0; padding: 0;
opacity: 0.27;
}
.container { display: flex; height: 100vh; align-items:center; }
.content { position: relative;
max-width:520px; width: 100%; margin: auto auto; padding: 1.5em;
/* text-align: center; justify-center: center; */
font-size: .75em; opacity: .33; font-style: italic;
}
@media screen and ( max-width: 720px) {
html, body { font-size: 1.24em; }
h3 { font-size: 4em; }
}
</style>
</head>
<body>
<div class='container'>
<div class='content'>
<h3>4O4</h3>
NOT FOUND<br />
—
<br />
<span><?= $message ?? "and I still haven't found what I'm looking for." ?></span>
</div>
</div>
</body>
</html>
|
