[O] Center page

AquaNet/src/App.svelte

@@ -15,15 +15,22 @@
   <div><Icon icon="tabler:search" /></div>
 </nav>
 
-<Router {url}>
-  <Route path="/"><Home /></Route>
-  <Route path="/u/:userId" component={UserHome}></Route>
-  <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
-</Router>
+<div id="wrapper">
+  <Router {url}>
+    <Route path="/"><Home /></Route>
+    <Route path="/u/:userId" component={UserHome}></Route>
+    <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
+  </Router>
+</div>
 
 <style lang="sass">
   @import "vars"
 
+  #wrapper
+    display: flex
+    flex-direction: column
+    align-items: center
+
   nav
     display: flex
     justify-content: flex-end

AquaNet/src/pages/UserHome.svelte

@@ -190,6 +190,7 @@ $gap: 20px
   margin: 100px 32px 0
   padding: 0 32px 32px
   min-height: 100%
+  max-width: $w-max
 
   background-color: rgba(black, 0.2)
   border-radius: 16px 16px 0 0

AquaNet/src/vars.sass

@@ -5,4 +5,5 @@ $c-darker: #646cff
 $c-bg: #242424
 
 $nav-height: 4rem
-$w-mobile: 560px
+$w-mobile: 560px
+$w-max: 1000px