Fix social matrix link, center main

2 files changed, 6 insertions, 7 deletions

diff --git a/src/app.css b/src/app.css
index 5b049eb..3363b06 100644
--- a/src/app.css
+++ b/src/app.css
@@ -30,9 +30,8 @@ body {
   overflow: auto;
   overflow-y: auto;
 
-  /* Hide scrollbar, preserve scroll */
-  -ms-overflow-style: none;  /* IE/Edge */
-  scrollbar-width: none;     /* Firefox */
+  -ms-overflow-style: none; 
+  scrollbar-width: none;    
 }
 
 body::-webkit-scrollbar {
@@ -171,9 +170,9 @@ nav a {
 main {
   flex-grow: 1;
   width: 100%;
-  max-width: none;
-  margin: 0;
-  padding: 1em;
+  max-width: 80vw;
+  margin: 0 auto;
+  padding: 2em 4em;
 }
 
 @media (max-width: 48em) {
diff --git a/src/lib/components/Main.svelte b/src/lib/components/Main.svelte
index d5f0e0e..f29581c 100644
--- a/src/lib/components/Main.svelte
+++ b/src/lib/components/Main.svelte
@@ -34,7 +34,7 @@
         </p>
         <p>
             Or find me in the [matrix] network: <a
-                href="https://matrix.to/@philw:matrix.philw.dev"
+                href="https://matrix.to/#/@philw:matrix.philw.dev"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="filip wandzio matrix account"