Removed unused script element and updated positioning of text to center, even on mobile.

src/components/404.vue

@@ -4,32 +4,24 @@
   </section>
 </template>
 
-<script>
-import storage from '../storage.js'
-export default {
-  created(){
-    document.title = 'Page Not Found' + storage.pageTitlePostfix;
-  }
-}
-</script>
-
 <style lang="scss" scoped>
 @import "./src/scss/variables";
 @import "./src/scss/media-queries";
+
 .not-found {
-  width: 100%;
+  display: flex;
   height: calc(100vh - var(--header-size));
+  width: 100%;
   background: url('~assets/pulp-fiction.jpg') no-repeat 50% 50%;
   background-size: cover;
-  display: flex;
   justify-content: center;
 
   &:before {
-    background: $background-40;
-    height: calc(100vh - var(--header-size));
-    width: 100%;
     content: "";
     position: absolute;
+    height: calc(100vh - var(--header-size));
+    width: 100%;
+    background: $background-40;
   }
   &__title {
    padding-top: 40vh;
@@ -38,6 +30,7 @@ export default {
     color: $text-color;
     position: relative;
     margin: 0;
+
     @include tablet-min {
       font-size: 2.3rem;
     }