46 lines
1 KiB
HTML
46 lines
1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>404 - Page not found</title>
|
||
|
|
<meta name="description" content="trwnh.com 404 error">
|
||
|
|
<meta name="author" content="trwnh">
|
||
|
|
<style>
|
||
|
|
body {background-color: gray}
|
||
|
|
#error {
|
||
|
|
background: rgba(0,0,0,0.5); box-shadow: 1vw 1vw black;
|
||
|
|
display: flex; flex-direction: column;
|
||
|
|
justify-content: center; align-items: center;
|
||
|
|
position: absolute; left: 50%; top: 50%;
|
||
|
|
width: 80vw; margin-left: -40vw;
|
||
|
|
height: 40vw; margin-top: -20vw;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
h1, h3, p {
|
||
|
|
color: white;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-family: -apple-system, BlinkMacSystemFont,
|
||
|
|
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
||
|
|
"Fira Sans", "Droid Sans", "Helvetica Neue",
|
||
|
|
sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
h1 {font-size: 10vw; margin-top: -2vw;}
|
||
|
|
h3 {font-size: 5vw;}
|
||
|
|
p {font-size: 4vw;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="error">
|
||
|
|
<h1>404</h1>
|
||
|
|
<h3>Computer hampsters not found</h3>
|
||
|
|
<p>Either this was a mistake, or you meant to arrive
|
||
|
|
at an error in order to test this page.</p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|