fix indentation and fix monero qr position

src/lib/Nav.svelte

@@ -50,15 +50,15 @@
     .links > *:hover {
         background-color: var(--accent-tertiary);
         text-decoration: none;
-	transition: all 0.5s;
-	color: var(--secondary);
+	    transition: all 0.5s;
+	    color: var(--secondary);
     }
 
     .links > *:active {
         background-color: var(--accent-primary);
         text-decoration: none;
-	transition: all 0.5s;
-	color: var(--secondary);
+	    transition: all 0.5s;
+	    color: var(--secondary);
     }
 
     img {

src/routes/donate.md

@@ -15,5 +15,30 @@ If you donate, we will be more motivated to work on the server and host more stu
 # yeah sure I'll donate. links?
 
 
-Monero: ``47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA``
-<img src={MoneroQR} alt="Monero Qr Code">
+<div class="monero">
+    <span>Monero: <code>47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA</code></span>
+    <img src={MoneroQR} alt="Monero Qr Code">
+</div>
+
+<style>
+    .monero {
+        display: flex;
+        align-items: center;
+    }
+
+    .monero > img {
+        margin-left: 8px;
+    }
+
+    @media only screen and (max-width: 930px) {
+        .monero {
+            flex-direction: column;
+            align-items: flex-start;
+        }
+
+        .monero > img {
+            margin-left: 0;
+            margin-top: 8px;
+        }
+    }
+</style>