From 2969ce5e970195e649bd2b3b246cabee2609a3d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=BA=D0=B0=D1=82=D0=B5=D1=80=D0=B8=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D0=97=D0=B0=D1=81=D0=BB=D0=B0=D0=B2=D1=81=D0=BA=D0=B0=D1=8F?=
 <catherine.zaslavsckaya@yandex.ru>
Date: Wed, 7 Jul 2021 16:05:05 +0300
Subject: [PATCH] fix heading style

---
 src/ui/hero-main.tsx | 79 +++++++++++++++++++++++++++++++-------------
 1 file changed, 56 insertions(+), 23 deletions(-)

diff --git a/src/ui/hero-main.tsx b/src/ui/hero-main.tsx
index f41bda7..9115b89 100644
--- a/src/ui/hero-main.tsx
+++ b/src/ui/hero-main.tsx
@@ -23,41 +23,74 @@ export const HeroMain: React.FC = () => {
             {language === 'English' ? (
               <>
                 <div className='u-flex-column'>
-                  <h2
-                    className='p-2 white u-inline-block'
-                    style={{
-                      background:
-                        'linear-gradient(to right, rgb(16,98,254), rgb(74, 0, 224))',
-                      borderRadius: '5px',
-                    }}
-                  >
-                    {textMainPageEng.t1}
+                  <h2 className='white'>
+                    <span
+                      style={{
+                        backgroundColor: 'rgb(16,98,254)',
+                        boxShadow:
+                          '0.50em 0 0 rgb(16,98,254), -0.50em 0 0 rgb(16,98,254)',
+                        boxDecorationBreak: 'clone',
+                        lineHeight: 2.5,
+                        display: 'inline',
+                        padding: '0.2em 0em',
+                      }}
+                    >
+                      {textMainPageEng.t1}
+                    </span>
                   </h2>
                 </div>
                 <div className='u-flex-column'>
-                  <h2 className='py-2 white u-inline-block'>
-                    {textMainPageEng.t2}
+                  <h2 className='white'>
+                    <span
+                      style={{
+                        backgroundColor: 'rgb(16,98,254)',
+                        boxShadow:
+                          '0.50em 0 0 rgb(16,98,254), -0.50em 0 0 rgb(16,98,254)',
+                        boxDecorationBreak: 'clone',
+                        lineHeight: 2.5,
+                        display: 'inline',
+                        padding: '0.2em 0em',
+                      }}
+                    >
+                      {textMainPageEng.t2}
+                    </span>
                   </h2>
                 </div>
               </>
             ) : (
               <>
                 <div className='u-flex-column'>
-                  <h2
-                    className='p-2 white u-inline-block'
-                    style={{
-                      background: `linear-gradient(to right, rgb(16,98,254), rgb(74, 0, 224))`,
-                      borderRadius: '5px',
-                      backgroundRepeat: 'repeat',
-                      backgroundSize: 'cover',
-                    }}
-                  >
-                    {textMainPageRu.t1}
+                  <h2 className='white'>
+                    <span
+                      style={{
+                        backgroundColor: 'rgb(16,98,254)',
+                        boxShadow:
+                          '0.50em 0 0 rgb(16,98,254), -0.50em 0 0 rgb(16,98,254)',
+                        boxDecorationBreak: 'clone',
+                        lineHeight: 2.5,
+                        display: 'inline',
+                        padding: '0.2em 0em',
+                      }}
+                    >
+                      {textMainPageRu.t1}
+                    </span>
                   </h2>
                 </div>
                 <div className='u-flex-column'>
-                  <h2 className='py-2 white u-inline-block'>
-                    {textMainPageRu.t2}
+                  <h2 className='white'>
+                    <span
+                      style={{
+                        backgroundColor: 'rgb(16,98,254)',
+                        boxShadow:
+                          '0.50em 0 0 rgb(16,98,254), -0.50em 0 0 rgb(16,98,254)',
+                        boxDecorationBreak: 'clone',
+                        lineHeight: 2.5,
+                        display: 'inline',
+                        padding: '0.2em 0em',
+                      }}
+                    >
+                      {textMainPageRu.t2}
+                    </span>
                   </h2>
                 </div>
               </>