a bunch of responsiveness fixes

src/components/Layout.tsx

@@ -0,0 +1,16 @@
+import Header from "./Header"
+import Footer from "./Footer"
+
+export default function Layout({
+    children
+}: {
+    children: JSX.Element | JSX.Element[]
+}) {
+    return (
+        <main className="bg-black text-white min-h-screen">
+            <Header />
+            {children}
+            <Footer />
+        </main>
+    )
+}