diff --git a/assets/Css/Styles.css b/assets/Css/Styles.css index c8436c2..3b19944 100644 --- a/assets/Css/Styles.css +++ b/assets/Css/Styles.css @@ -73,7 +73,7 @@ background: #000000; grid-template-columns: repeat(3,max-content); gap: 20px; justify-content: center; - padding: 142px 0 80px; + padding: 180px 0 0; } .CardBox{ display: flex; @@ -104,7 +104,7 @@ background: #000000; gap: 40px; grid-template-columns: 30% 30% 30%; justify-content: center; - padding: 32px 30px 32px; + padding: 0 30px 0px; position: relative; top: 60px; } @@ -171,7 +171,6 @@ background: #000000; .Botdescription{ font-weight: 400; text-align: center; - padding: 0 52px; font-size: 16px; line-height: 24px; } @@ -236,25 +235,29 @@ background: #000000; .Botdescription{ padding: 0 32px 0; } - + .BotdescriptionTitlte{ width: 90%; font-size: 24px; line-height: 30px; text-align: center; } - .Cards{ + .Cards { grid-template-columns: 1fr; - padding: 90px 32px ; - gap:24px; + padding: 80px 0px 0px; + gap: 24px; justify-items: center; } + .MidBanner { + margin: 112px 0 0; + } .BottomCards { grid-template-columns: 1fr; padding: 80px 22px 100px; } .wrapper{ + margin-bottom: 80px; gap: 14px; grid-template-columns: none; grid-template-areas: @@ -272,6 +275,7 @@ background: #000000; grid-area:img3; } .lastBanner{ + margin-bottom: 50px; width: 100%; } .BottomDescription{ @@ -307,13 +311,20 @@ background: #000000; height: 364px; } .TopInfocardSubtitle{ - font-size: 36px; + font-size: 64px; + line-height: 80px; + max-width: 440px; + max-height: 80px; + } + .Cards{ + gap: 40px; + padding: 360px 0 0; } .TopInfocardTitle{ - font-size: 60px; + font-size: 80px; } .TopInfocardDescription{ - line-height: 40px; + line-height: 48px; font-size: 38px; } .ImageTop{ @@ -333,8 +344,12 @@ background: #000000; } .CardDescription{ font-size: 38px; - line-height: 36px; + line-height: 48px; } + .BottomCards { + padding: 252px 0 216px; + } + .BoxText{ display: flex; justify-content: center; @@ -345,20 +360,17 @@ background: #000000; } .BotdescriptionTitlte{ width: 90%; - font-size: 50px; - line-height: 50px; + font-size: 64px; + line-height: 76px; text-align: center; } .Botdescription{ font-size: 34px; line-height: 50px; - padding: 0 28px; - max-width: 746px; - max-height: 242px; } .imgdescripton{ font-size: 32px; - line-height: 30px; + line-height: 48px; } .bottomcard{ max-width: 900px;