From a2e8a58fee84b1af31ed34cc0cb509f5bcd26f6e Mon Sep 17 00:00:00 2001
From: e11sy <Egoramurin@gmail.com>
Date: Sat, 13 Jul 2024 20:37:22 +0300
Subject: [PATCH] fixed styles scope

---
 components/contact.vue        |  5 +----
 components/features.vue       | 11 ++++++-----
 components/grid-info.vue      |  2 +-
 components/site-header-ru.vue |  3 +--
 pages/ru.vue                  | 10 ++++++----
 5 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/components/contact.vue b/components/contact.vue
index d49b13f..a2fc35f 100644
--- a/components/contact.vue
+++ b/components/contact.vue
@@ -91,7 +91,7 @@ export default Vue.extend({
 });
 </script>
 
-<style>
+<style scoped>
 @import url('@/assets/styles/variables.pcss');
 
 .box {
@@ -111,7 +111,6 @@ export default Vue.extend({
 
 .team-hawk-so-t-me {
   display: inline;
-  font-family: "Roboto-Regular", Helvetica;
   font-size: 16px;
   font-weight: 400;
   line-height: 23px;
@@ -131,7 +130,6 @@ a {
 
 .div {
   color: #f2f6ff;
-  font-family: "Roboto-Bold", Helvetica;
   font-weight: 700;
   margin-bottom: 20px;
   white-space: nowrap;
@@ -226,7 +224,6 @@ a {
 .text-wrapper-3 {
   cursor: pointer;
   color: #f2f6ff;
-  font-family: "Roboto-Regular", Helvetica;
   font-size: 16px;
   font-weight: 400;
   white-space: nowrap;
diff --git a/components/features.vue b/components/features.vue
index 3de33d7..2cb892e 100644
--- a/components/features.vue
+++ b/components/features.vue
@@ -135,15 +135,16 @@ export default Vue.extend({
       background-image: linear-gradient(90deg,#98c9ff,#d7eaff);
       color: transparent;
 
+      @media (--screen-middle) {
+        line-height: 30px;
+        margin: 8px 0 21px;
+      }
+
       @media (--screen-small) {
         font-size: 24px;
-        margin-bottom: 0px;
+        margin-bottom: 7px;
         padding-top: 10px;
       }
-
-      @media (--screen-middle) {
-        line-height: 30px;
-      }
     }
 
     &-description {
diff --git a/components/grid-info.vue b/components/grid-info.vue
index 31f1fe1..9aa868c 100644
--- a/components/grid-info.vue
+++ b/components/grid-info.vue
@@ -85,7 +85,7 @@ export default Vue.extend({
 });
 </script>
 
-<style>
+<style scoped>
 @import url('@/assets/styles/variables.pcss');
 .grid {
   display: grid;
diff --git a/components/site-header-ru.vue b/components/site-header-ru.vue
index 98d474b..1143373 100644
--- a/components/site-header-ru.vue
+++ b/components/site-header-ru.vue
@@ -173,8 +173,7 @@ export default Vue.extend({
         gap: 10px;
         background: linear-gradient(248.21deg, #0075FF 25.68%, #B56BFF 107.97%);
 
-        text-container {
-          font-family: 'Roboto';
+        .text-container {
           font-weight: 500;
           font-size: 15px;
           line-height: 30px;
diff --git a/pages/ru.vue b/pages/ru.vue
index c67599c..b43c040 100644
--- a/pages/ru.vue
+++ b/pages/ru.vue
@@ -407,28 +407,30 @@ export default Vue.extend({
           font-weight: 700;
           width: 100%;
           line-height: 30px;
+          gap: 40px;
           font-size: 22px;
           margin-top: 13px;
 
+          @media (--screen-middle) {
+            gap: 20px;
+          }
+
           @media (--screen-mobile) {
             display: grid;
             font-weight: 600;
             font-size: 16px;
+            gap: 0px;
           }
 
           &-text {
             flex: 1 0 auto;
-            font-family: "Roboto-Bold", Helvetica;
-            left: 0;
             letter-spacing: 0;
-            top: 0;
             white-space: nowrap;
           }
         }
 
         .description {
           font-weight: 500;
-          font-family: "Roboto-Medium", "Helvetica";
           color: #dbe6ffce;
           letter-spacing: 0.33px;
           font-size: 20px;