<!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 hamsters 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>