From f74bfd8f56513d39810be1c703271bbb7a7a624d Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Wed, 27 Jul 2022 18:25:46 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BD=D0=B5=D0=BC=D0=BD=D0=BE=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D1=8B=20?=
 =?UTF-8?q?=D1=88=D1=80=D0=B8=D1=84=D1=82=D0=BE=D0=B2=20=D0=BF=D1=80=D0=B8?=
 =?UTF-8?q?=20=D1=80=D0=B0=D0=B7=D1=80=D0=B5=D1=88=D0=B5=D0=BD=D0=B8=D0=B8?=
 =?UTF-8?q?=20>2000px,=20fix=20padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer/footer.css       |  4 ++--
 src/components/mainPart/mainPart.css   | 31 ++++++++++++++++++++------
 src/components/mainPart/pinkButton.tsx |  1 -
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index f8589dd..56b3c37 100644
--- a/src/components/footer/footer.css
+++ b/src/components/footer/footer.css
@@ -6,7 +6,7 @@
     align-items: center;
     background-color: #1E1630;
     color: #FFFFFF;
-    padding: 120px 200px;
+    padding: 120px 12%;
     box-sizing: border-box;
 }
 
@@ -110,7 +110,7 @@ a:hover {
 
 @media screen and (max-width: 1280px) {
     .footer-container {       
-        padding: 120px 12px;
+        padding: 120px 2%;
     }
 
     .main-part-text-container {
diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css
index 7566337..0f79287 100644
--- a/src/components/mainPart/mainPart.css
+++ b/src/components/mainPart/mainPart.css
@@ -6,7 +6,7 @@
     flex-direction: column;
     justify-content: space-between;
     color: #FFFFFF;
-    padding: 50px 200px 16px 200px;
+    padding: 50px 12% 16px 12%;
     box-sizing: border-box;
 }
 
@@ -110,7 +110,7 @@
     border-radius: 8px;
     border: none;
     color: #FFFFFF;
-    transition: .3s;
+    /* transition: .3s; */
     cursor: pointer;
 }
 
@@ -289,9 +289,27 @@
     transition: .3s;
 }
 
+@media screen and (min-width: 2000px) {
+    .main-part-text-title {
+        font-size: 3vw;
+        max-width: 1000px;
+    }
+
+    .main-part-text-descript {
+        font-size: 1vw;
+        max-width: 700px;
+    }
+
+    .main-part-text-button {
+        width: 50%;
+        height: 70px;
+        font-size: 1vw;
+    }
+}
+
 @media screen and (max-width: 1280px) {
     .main-part-container {    
-        padding: 50px 12px 16px 12px;
+        padding: 50px 2% 16px 2%;
     }
 
     .main-part-text-container {
@@ -310,15 +328,14 @@
         background-color: #CE56C2;
         color: #FFFFFF;
         border: none;
-        transition: 0;
+        /* transition: 0; */
     }
 
-    .main-part-text-button:active {
+    /* .main-part-text-button:active {
         background-color: #FFFFFF;
         color: #CE56C2 ;
         border: none;
-        transition: 0;
-    }
+    } */
 }
 
 @media screen and (max-width: 1024px) {
diff --git a/src/components/mainPart/pinkButton.tsx b/src/components/mainPart/pinkButton.tsx
index 5419ece..4c83171 100644
--- a/src/components/mainPart/pinkButton.tsx
+++ b/src/components/mainPart/pinkButton.tsx
@@ -16,7 +16,6 @@ export const PinkButton:React.FC<TProps> = React.memo((props) => {
         })
     }, [])
     return <button        
-        onMouseLeave={() => console.log('fuck')}
         style={{width: props.width ? props.width : '', ...styles}}
         className="main-part-text-button"
         onClick={() => {