style: vertically center app home (#111)

* style: app-wrapper positioning to vertical center when on home
* refactor: undo unneeded change
* refactor: remove app.css

src/components/Jumbotron.astro

@@ -19,7 +19,7 @@
 
     svg {
       border: 0px;
-      width: 280px;
+      width: 300px;
       max-width: 100%;
     }
 

src/layouts/Layout.astro

@@ -1,6 +1,5 @@
 ---
 import { ArticleData } from "@extractus/article-extractor";
-import "../styles/app.css";
 import "../styles/reset.css";
 import '../styles/variables.css';
 
@@ -70,8 +69,25 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
     max-width: 650px;
     margin: 0 auto;
     padding: 0.5rem;
-    padding-bottom: 2rem;
+    padding-bottom: 5em;
+
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+
+    &:has(#router-outlet #post) {
+      position: default;
+      top: 0;
+      transform: none;
+      -webkit-transform: none;
+
+      #jumbotron {
+          display: none;
+      }
+    }
   }
+
   #main-content {
     * {
       margin: 1rem 0 0;

src/styles/app.css

@@ -1,7 +0,0 @@
-#app-wrapper {
-    &:has(#router-outlet #post) {
-        #jumbotron {
-            display: none;
-        }
-    }
-}