From a5c858b68add01d8251b080976f1d2bd11471ff8 Mon Sep 17 00:00:00 2001
From: Artyom Sovetnikov <2056864+Elringus@users.noreply.github.com>
Date: Mon, 1 Jan 2024 23:23:06 +0300
Subject: [PATCH] fix docs css

---
 docs/index.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 65ba120..201118b 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -120,40 +120,40 @@ hero:
     --vp-home-hero-image-filter: blur(68px);
   }
 
-    .name .clip {
+    .VPHome .name .clip {
         line-height: 64px;
         font-size: 60px;
     }
 
-    .main .text {
+    .VPHome .main .text {
         line-height: 64px;
         font-size: 57px;
     }
 }
 
-.tagline a {
+.VPHome .tagline a {
     color: var(--vp-c-brand-1);
     text-decoration: underline;
     text-underline-offset: 5px;
     transition: color 0.25s;
 }
 
-.tagline a:hover {
+.VPHome .tagline a:hover {
     color: var(--vp-c-brand-2);
 }
 
-article .details a {
+.VPHome article .details a {
     color: var(--vp-c-brand-1);
     text-decoration: underline;
     text-underline-offset: 3px;
     transition: color 0.25s;
 }
 
-article .details a:hover {
+.VPHome article .details a:hover {
     color: var(--vp-c-brand-2);
 }
 
-.VPButton.medium.brand {
+.VPHome .VPButton.medium.brand {
     position: relative;
     padding-top: 5px;
     padding-bottom: 5px;
@@ -161,7 +161,7 @@ article .details a:hover {
     background-color: var(--vp-c-brand-1);
 }
 
-.VPButton.medium.brand::after {
+.VPHome .VPButton.medium.brand::after {
     content: "";
     mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='22' height='22' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M17.92 11.62a1.001 1.001 0 0 0-.21-.33l-5-5a1.003 1.003 0 1 0-1.42 1.42l3.3 3.29H7a1 1 0 0 0 0 2h7.59l-3.3 3.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219l5-5a1 1 0 0 0 .21-.33 1 1 0 0 0 0-.76Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
     width: 10px;
@@ -170,14 +170,14 @@ article .details a:hover {
     background-color: var(--vp-button-brand-text);
 }
 
-.VPButton.medium.alt {
+.VPHome .VPButton.medium.alt {
     position: relative;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-right: 15px;
 }
 
-.VPButton.medium.alt::after {
+.VPHome .VPButton.medium.alt::after {
     content: "";
     mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19.33 10.18a1 1 0 0 1-.77 0 1 1 0 0 1-.62-.93l.01-1.83-8.2 8.2a1 1 0 0 1-1.41-1.42l8.2-8.2H14.7a1 1 0 0 1 0-2h4.25a1 1 0 0 1 1 1v4.25a1 1 0 0 1-.62.93Z'%3E%3C/path%3E%3Cpath d='M11 4a1 1 0 1 1 0 2H7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 1 1 2 0v4a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
     width: 15px;