diff --git a/404.html b/404.html
index 428aa72..ec10cb5 100644
--- a/404.html
+++ b/404.html
@@ -1,58 +1,27 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>404</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
-    <link href="/sheep/3.css" rel="stylesheet">
-    <script src="/sheep/3.js"></script>
-    <style>
-      body {
-        background: #242231;
-        color: white;
-        font-family: 'Roboto',sans-serif;
-      }
-      h1 {
-        position: fixed;
-        line-height: 1;
-        height: 300px;
-        font-size: 300px;
-        margin: auto;
-        top: 0;
-        bottom: 0;
-        /*transition: top .1s, left .1s;*/
-        text-align: center;
-        width: 100%;
-      }
-      a {
-        text-decoration: none;
-        color: #999999;
-        position: fixed;
-        bottom: 20px;
-        text-align: center;
-        width: 100%;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>404</h1>
-    <a href="/">Click here for assistance.</a>
 
-    <script>
-      // clearInterval(1);
-      var count=0;
-      setInterval(function(){
-        document.querySelector("h1").style.top=(Math.floor(Math.random()*200)-100)+"px";
-        document.querySelector("h1").style.left=(Math.floor(Math.random()*200)-100)+"px";
-        document.querySelector("h1").style.transform="rotate("+(Math.floor(Math.random()*360))+"deg)";
-        var height=Math.floor(Math.random()*400)+100;
-        document.querySelector("h1").style.height=height+"px";
-        document.querySelector("h1").style.fontSize=height+"px";
-        count++;
-        var titles=["oh no","no page","try again","fail","why"];
-        if (count%20===0) document.querySelector("title").innerHTML=titles[Math.floor(Math.random()*titles.length)];
-      }, 100);
-    </script>
-  </body>
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>Page Not Found</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+<link rel="stylesheet" href="/404.css">
+
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<h1>404</h1>
+<div class="cloak__wrapper">
+  <div class="cloak__container">
+    <div class="cloak"></div>
+  </div>
+</div>
+<div class="info">
+  <h2>We can't find that page</h2>
+  <p>We're fairly sure that page used to be here, but seems to have gone missing. We do apologise on it's behalf.</p><a href="/" target="_blank" rel="noreferrer noopener">Home</a>
+</div>
+<!-- partial 
+  <script  src="./script.js"></script>-->
+
+</body>
 </html>
