diff --git a/src/App.vue b/src/App.vue
index 8a49330..999b45a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
   <NavigationMenu/>
-  <div class="bg-white text-black max-w-1200px w-full mx-auto px-6 sm:px-10" style="min-height: calc(100vh - 160px)">
+  <div class="bg-white text-black max-w-1200px w-full mx-auto px-6 sm:px-10 _content">
     <router-view/>
   </div>
-  <div class="w-full h-20 space-x-10 flex items-center justify-center">
+  <div class="w-full h-20 space-x-10 flex items-center justify-center relative z-2">
     <router-link
       v-for="item in items"
       :key="item.to"
@@ -24,15 +24,13 @@
     @apply bg-blue-900 bg-opacity-80 text-white;
   }
 
-  .asterisk-list > li {
-    &:not(:last-child) {
-      margin-bottom: 5px;
-    }
+  ._content {
+    min-height: calc(100vh - 80px);
+  }
 
-    &::before {
-      @apply text-blue-900;
-      content: "*";
-      margin-right: 5px;
+  @screen sm {
+    ._content {
+      min-height: calc(100vh - 160px);
     }
   }
 </style>
diff --git a/src/main.css b/src/main.css
index bcb6a6d..5f7268d 100644
--- a/src/main.css
+++ b/src/main.css
@@ -24,4 +24,16 @@
       @apply not-italic text-lg max-w-240;
     }
   }
+
+  .asterisk-list > li {
+    &:not(:last-child) {
+      margin-bottom: 5px;
+    }
+
+    &::before {
+      @apply text-blue-900;
+      content: "*";
+      margin-right: 5px;
+    }
+  }
 }
diff --git a/src/pages/index.vue b/src/pages/index.vue
index c98da4f..3e3d8c9 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
   <main class="flex -md:flex-col justify-between items-start md:items-center min-h-80vh">
-    <div class="relative -md:pt-20vh -md:pb-20">
+    <div class="relative -md:pt-20vh">
       <div class="_fade-2">
         <div class="_pattern transform rotate-179.5 absolute w-full h-35 -left-4 md:-left-10 top-20vh -md:-mt-10 md:-top-15 opacity-3 md:opacity-5"/>
       </div>
@@ -26,18 +26,20 @@
         <span class="mr-2">→</span> {{ t("contact_me") }}
       </router-link>
     </div>
-    <BlurredBlobCanvas
-      class="_fade-1 self-center"
-      :colors="['#6577fc', '#eb34cf', '#6577fc', '#eb34cf']"
-      :size="350"
-      :blur="30"
-      :minimum-duration="1000"
-      :duration-variation="1500"
-      :minimum-opacity="0.2"
-      :opacity-variation="0.4"
-      :points="10"
-      :randomness="80"
-    />
+    <div class="self-center -md:fixed -bottom-30">
+      <BlurredBlobCanvas
+        class="_fade-1"
+        :colors="['#6577fc', '#eb34cf', '#6577fc', '#eb34cf']"
+        :size="350"
+        :blur="30"
+        :minimum-duration="1000"
+        :duration-variation="1500"
+        :minimum-opacity="0.2"
+        :opacity-variation="0.4"
+        :points="10"
+        :randomness="80"
+      />
+    </div>
   </main>
 </template>