style: update some padding and font sizes

src/lib/components/BackToTop.svelte

@@ -1,5 +1,4 @@
 <script>
-  import { onMount } from 'svelte'
   import { fly } from 'svelte/transition'
   import Button from './ui/button/button.svelte'
   import { ChevronUp } from 'svelte-radix'

src/routes/+layout.svelte

@@ -11,6 +11,7 @@
   import { afterNavigate, beforeNavigate } from '$app/navigation'
   import Loading from '$lib/components/Loading.svelte'
   import type { BeforeNavigate } from '@sveltejs/kit'
+  import BackToTop from '$lib/components/BackToTop.svelte'
 
   let root: HTMLElement | null
   let navigating = false
@@ -47,5 +48,6 @@
 <div class="pt-16 lg:pt-24">
   <slot />
 </div>
+<BackToTop />
 
 <Footer />

src/routes/about/+page.svelte

@@ -33,7 +33,7 @@
             coding.
             <div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
           </h2>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             I learned how to code when I was in 3rd grade (around 8-9 years old). Regrettably, I am
             not a gifted genius and did not build a massive open source empire nor did I found a
             startup before the age of 12. My projects consisted principally of crummy games or
@@ -56,7 +56,7 @@
             hacking.
             <div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
           </h2>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             Most people I know in real life think that I am some kind of hacker - likely because
             they once saw me open up a text terminal and update my packages with <code>pacman</code
             >. I proclaim myself a hacker because I once learned how to create shoddy CRUD web
@@ -68,21 +68,21 @@
             src="https://media.tenor.com/XUD0K8qLJYsAAAAe/how-linux-users-install-a-web-browser-linux.png"
             alt="linux users installing a web browser"
           />
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
-            I do consider myself a hacker under <a
+            I subscribe to <a href="https://stallman.org/articles/on-hacking.html" class="link"
-              href="https://stallman.org/articles/on-hacking.html"
+              >this definition</a
-              class="link">this definition</a
+            >
-            > of hacking, though.
+            of hacking, though, by which I <em>am</em> deemed a hacker.
           </p>
           <h2 class="text-3xl font-semibold tracking-tight">
             math.
             <div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
           </h2>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             I learn about math I find interesting as a hobby. I also happen to be pursuing it an
             undergraduate degree in it, soon.
           </p>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             I tried doing math competitions in middle and early high school before I realized that
             it wasn't for me (that's my way of saying that I couldn't hope to compete with the
             prodigies). Still, I wholly recommend that anyone who likes math take a look at <a
@@ -95,20 +95,20 @@
             other stuff.
             <div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
           </h2>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             Let's see. I play guitar, although I haven't had much time lately. I play video games
             sometimes, <a href="https://steamcommunity.com/id/couscousdude/" class="link"
               >here's my Steam profile</a
             >.
           </p>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             If for whatever reason you're interested in the tools I use on my computer, I have a <a
               class="link"
               href="/about/computing">brief page about it</a
             >. I'm legally obligated to notify you that I run Arch Linux with a tiling window
             manager and Neovim.
           </p>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             This site contains a <a class="link" href="/colophon">colophon</a>, for those interested
             in its inner workings.
           </p>
@@ -116,13 +116,13 @@
             contact me.
             <div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
           </h2>
-          <p class="text-lg leading-relaxed">Find me on:</p>
+          <p class="text-xl leading-relaxed">Find me on:</p>
           <Socials />
-          <p class="text-lg leading-relaxed mt-4">
+          <p class="text-xl leading-relaxed mt-4">
             I read message requests everywhere but do not accept Discord friend requests if I don't
             know you. The best way to reach me and receive a response is probably by email.
           </p>
-          <p class="text-lg leading-relaxed">
+          <p class="text-xl leading-relaxed">
             If you notice any issues with or have any suggestions about this site or any of my
             projects, feel free to send me an email or message about it.
           </p>

src/routes/blog/+layout.svelte

@@ -1,6 +1 @@
-<script lang="ts">
-  import BackToTop from '$lib/components/BackToTop.svelte'
-</script>
-
-<BackToTop />
 <slot />

src/routes/colophon/+page.svelte

@@ -1,4 +1,4 @@
-<main class="container mx-auto max-w-3xl my-20">
+<main class="px-2 mx-auto max-w-3xl my-20">
   <div class="px-2">
     <h1 class="text-4xl font-semibold tracking-tight">
       colophon.

src/routes/portfolio/+page.svelte

@@ -12,7 +12,7 @@
 </svelte:head>
 
 <div class="md:dots-background py-20">
-  <main class="container mx-auto max-w-5xl bg-background rounded-lg py-4">
+  <main class="px-4 mx-auto max-w-5xl bg-background rounded-lg py-4">
     <h1 class="font-serif text-5xl font-medium tracking-tight">
       Portfolio
       <hr class="w-32 mt-0.5 h-1 bg-muted-foreground rounded-lg" />