Change page content max width

assets/variables.scss

@@ -33,6 +33,12 @@ p a {
     }
 }
 
+.page-content {
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .v-overlay__scrim {
     background: rgb(var(--v-theme-background)) !important;
     opacity: 0.9 !important;

pages/bio.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="page-content">
     <v-row>
       <v-col cols="12">
         <span class="text-h5 text-md-h4 text-high-emphasis">
@@ -56,6 +57,7 @@
         </v-card>
       </v-col>
     </v-row>
+  </div>
 </template>
 
 <script>