new 404 + many optimzations

1 files changed, 11 insertions, 71 deletions

diff --git a/404/css/main.css b/404/css/main.css
index e8e3200..5891d12 100644
--- a/404/css/main.css
+++ b/404/css/main.css
@@ -1,77 +1,17 @@
-html {
-  height: 100%;
-}
-
-body {
-  height: 100%;
-  background: url("https://wallpapercave.com/wp/6SLzBEY.jpg") no-repeat left top;
-  background-size: cover;
-  overflow: hidden;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: column wrap;
-          flex-flow: column wrap;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.text h1 {
-  color: #011718;
-  margin-top: -200px;
-  font-size: 15em;
+.content {
   text-align: center;
-  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7), -10px 10px 0px rgba(0, 0, 0, 0.4), -15px 15px 0px rgba(0, 0, 0, 0.2);
-  font-family: monospace;
-  font-weight: bold;
-}
-
-.text h2 {
-  color: black;
-  font-size: 5em;
-  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
-  text-align: center;
-  margin-top: -150px;
-  font-family: monospace;
-  font-weight: bold;
-}
-
-.text h3 {
-  color: white;
-  margin-left: 30px;
-  font-size: 2em;
-  text-shadow: -5px 5px 0px rgba(0, 0, 0, 0.7);
-  margin-top: -40px;
-  font-family: monospace;
-  font-weight: bold;
+  color: #000000;
 }
 
-.torch {
-  margin: -150px 0 0 -150px;
-  width: 200px;
-  height: 200px;
-  -webkit-box-shadow: 0 0 0 9999em #000000f7;
-          box-shadow: 0 0 0 9999em #000000f7;
-  opacity: 1;
-  border-radius: 50%;
-  position: fixed;
-  background: rgba(0, 0, 0, 0.1);
+.content h1 {
+  font-weight: 900;
+  line-height: 1;
+  margin-bottom: -10px;
+  opacity: 0.6;
 }
 
-.torch:after {
-  content: '';
-  display: block;
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  -webkit-box-shadow: inset 0 0 40px 2px #000, 0 0 20px 4px rgba(13, 13, 10, 0.8);
-          box-shadow: inset 0 0 40px 2px #000, 0 0 20px 4px rgba(13, 13, 10, 0.8);
+.content h2 {
+  font-weight: 700;
+  margin-bottom: 6px;
+  opacity: 0.9;
 }