adjusted bottom margin of footer; images on projects page now shrink on mobile

src/lib/viewport/content.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    let { children } = $props();
+</script>
+
+<div class="main-content">
+    {@render children()}
+</div>
+
+<style>
+    .main-content {
+        width: 100%;
+        max-width: var(--page-width);
+        box-sizing: border-box;
+        margin: 0 auto;
+        padding: 0 24px;
+    }
+
+    @media screen and (max-width: 800px) {
+        .main-content {
+            padding: 0 8px;
+        }
+    }
+</style>