404.html

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
 body{font-size: 18pt; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 1.5em; line-height: 1.8em;}
a{font-weight: bold;}
a:hover{color: red; background-color: yellow;}
html,body {
  height:100%;
  width:100%;
  margin:0;
}
body , body {
  display:flex;
}

div {
  margin:auto;
  text-align: center;
}

@media (min-width: 1000px) {

div {  width: 30%;}


}


</style>
<title>Fedi Network &mdash; some cool federated web projects</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />


</head>

<body>

<div>

<h2>Page not found.</h2>

<a href="/">Please visit the Fedi Network homepage.

</div>

</body>
</html>