Some css

frontend/assets/main.css

@@ -0,0 +1,17 @@
+.page-enter-active {
+  animation: bounce-in .5s;
+}
+.page-leave-active {
+  animation: bounce-in .5s reverse;
+}
+@keyframes bounce-in {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    transform: scale(1.5);
+  }
+  100% {
+    transform: scale(1);
+  }
+}

frontend/layouts/wide.vue

@@ -2,7 +2,7 @@
     <v-app>
         <Navbar />
         <v-content>
-            <v-container fluid fill-height>
+            <v-container fill-height>
                 <v-row no-gutters justify="center">
                     <v-col cols="12">
                         <nuxt />

frontend/nuxt.config.js

@@ -29,7 +29,7 @@ export default {
     /*
      ** Global CSS
      */
-    css: [],
+    css: ['~/assets/main.css'],
     /*
      ** Plugins to load before mounting the App
      */

frontend/pages/index.vue

@@ -56,9 +56,3 @@ export default {
     }),
 }
 </script>
-
-<style>
-body {
-    background-color: #1565c0;
-}
-</style>