feat: add resume.pdf button

src/layouts/Layout.astro

@@ -74,11 +74,44 @@ import "./global.css";
       body {
         max-width: 700px;
         margin: 0 auto;
+        position: relative;
       }
-      body > * {
+      main,
+      header,
+      footer {
         background: var(--background-dark);
         padding: 0.5rem 3rem;
       }
+
+      body::after {
+        content: "";
+        position: fixed;
+        height: 100vh;
+        width: 200px;
+        top: 0;
+        transform: translateX(-100%);
+        background: red;
+        background: linear-gradient(
+          to left,
+          var(--background-dark),
+          transparent
+        );
+      }
+
+      main::before {
+        content: "";
+        position: absolute;
+        top: -200px;
+        right: -200px;
+        bottom: -100px;
+        width: 200px;
+        background: linear-gradient(
+          to right,
+          var(--background-dark),
+          transparent
+        );
+      }
+
       @media (max-width: 700px) {
         body > * {
           padding: 0.5rem 1rem;
@@ -90,10 +123,10 @@ import "./global.css";
     <header class="sticky bottom-0 sm:top-0 z-2 order-last sm:order-first">
       <Nav />
     </header>
-    <main id="main-content" class="flex flex-col gap-4">
+    <main id="main-content" class="relative flex flex-col gap-6">
       <slot />
     </main>
-    <footer class="px-4 flex gap-8">
+    <footer class="mx-8 mb-4 mt-2 flex gap-8">
       <LanguagePicker />
       <a
         href="https://git.max-richter.dev/max/website"