<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<title>Hubbardian</title>

<link rel="icon" href="favicon.ico" id="favicon">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/not_found.css">
<script src="js/base.js" defer></script>

<style>
center { position: relative; z-index: 99; width: 100%; height: 95vh; color: rgba(0,0,0,0.9); text-shadow: 0 0 .5vw rgba(0,255,0,0.6); }
h1, h2 { position: absolute; top: 45%; left: 50%; -webkit-transform : translate(-50%,-50%); -ms-transform : translate(-50%,-50%); transform : translate(-50%,-50%); width: 90%; }
h1 { font-size: 4vw; } h2 { top: 60%; font-size: 1vw; }
#space-1, #morph-1, #earth-1, #atom-1, #dice-1, #earth-2 { display: none; }
@media screen and (orientation: portrait) { h1 { font-size: 8vw; } h2 { top: 60%; font-size: 3vw; } }
</style>

</head>
<body> 



<!-- WRAP -->
<div id="wrap">

  <div id="bg"></div>

  <!-- DECOR -->
  <div id="decor-box"></div>
  <!-- DECOR -->

  <center class="press">
    <p>
      <h1>Page Not Found</h1>
      <h2>The requested page was not found</h2>
    </p>
  </center>

  <!-- FOOTER -->
  <footer class="press">(c)</footer>
  <!-- FOOTER -->


</div>
<!-- WRAP -->



<script src="js/title.js"></script>

</body>
</html>