fix: changed nav bar to general media margin class

src/routes/+layout.svelte

@@ -14,7 +14,7 @@
 	<link rel="icon" href={favicon} />
 </svelte:head>
 
-<nav>
+<nav class="media-margin">
 	<a href="/">Home</a>
 	<a href="/about">About</a>
 	<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
@@ -30,8 +30,6 @@
 
 <style>
 	nav {
-		margin: var(--d3);
-
 		font-family: 'Fraunces', serif;
 		font-optical-sizing: auto;
 		font-weight: 400;
@@ -52,10 +50,4 @@
 			color: var(--rp-moon-foam);
 		}
 	}
-
-	@media only screen and (max-width: 700px) {
-		nav {
-			margin: var(--d3) var(--d1);
-		}
-	}
 </style>