Fix styles

Author: TaeHagen

index.md

@@ -2,6 +2,8 @@
 # https://vitepress.dev/reference/default-theme-home-page
 layout: home
 
+pageClass: index-page
+
 title: Be a blue bubble on Android
 
 head:
@@ -50,7 +52,7 @@ features:
 ---
 
 <style>
-:root {
+.index-page {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #5CA7F8 30%, #256cb9);
   --vp-button-brand-bg: var(--vp-c-brand-3);
@@ -76,13 +78,13 @@ features:
 }
 
 @media (max-width: 767px) {
-    .background {
+    .index-page .background {
       display: block !important;
     }
-    .vp-doc {
+    .index-page .vp-doc {
       padding: 0 !important;
     }
-    .VPHome {
+    .index-page .VPHome {
       margin-bottom: 0 !important;
     }
 }

openpigeon.md

@@ -2,6 +2,8 @@
 # https://vitepress.dev/reference/default-theme-home-page
 layout: home
 
+pageClass: openpigeon-page
+
 title: Play GamePigeon on Android
 
 head:
@@ -116,7 +118,7 @@ We're [Open Source on GitHub!](https://github.com/OpenBubbles/OpenPigeon) We're
 
 
 <style>
-:root {
+.openpigeon-page {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #f85c5c 30%, #f8995c);
   --vp-button-brand-bg: #f85c5c;
@@ -137,12 +139,6 @@ We're [Open Source on GitHub!](https://github.com/OpenBubbles/OpenPigeon) We're
     }
 }
 
-@media (max-width: 767px) {
-    .vp-doc {
-      padding: 0 24px !important;
-    }
-}
-
 .image-src {
     max-width: 252px;
     max-height: 192px;