merge conflict

src/App.vue

@@ -19,8 +19,10 @@ export default {
 </script>
 
 <style>
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
+
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

src/components/pages/SemuaAnggaran.vue

@@ -6,7 +6,9 @@
       </b-col>
       <simple-card-container/>
     </b-row>
-    <comments/>
+    <div id="comments-container">
+      <comments/>
+    </div>
   </b-container>
 </template>
 
@@ -44,5 +46,11 @@ h2 {
 }
 .container {
   max-width: 100%;
+
+  #comments-container {
+    margin: 10px auto;
+    max-width: 800px;
+    height: 50vw;
+  }
 }
 </style>
\ No newline at end of file