diff --git a/assets/styles/main.css b/assets/styles/main.css index f778ef5..2706fe2 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -3,46 +3,38 @@ padding: 0; box-sizing: border-box; } - body{ font-family: 'Inter', sans-serif; color: #000000; } - .page-header{ display: flex; justify-content: center; padding: 28px 0; background: #000000; } - .header-logo{ display: block; } - .main-banner{ width: 100%; display: block; } - .top-infocard{ display: flex; flex-direction: column; align-items: center; padding: 3.8% 0 9.4%; } - .top-infocard-text{ max-width: 40.4%; } - .top-infocard-subtitle{ font-size: 32px; font-weight: 400; text-align: center; text-transform: uppercase; } - .top-infocard-title{ font-size: 48px; font-weight: 500; @@ -50,27 +42,19 @@ body{ margin-bottom: 3.6%; text-transform: uppercase; } - .top-infocard-description{ - font-weight: 400; - font-size: 16px; margin-bottom: 9.4%; line-height: 24px; } - .top-infocard-image{ - display: flex; - justify-content: center; width: 32.5vmin; } - .top-cards{ display: flex; justify-content: center; gap: 1.2%; padding: 0 0 4.2%; } - .top-card{ display: flex; flex-direction: column; @@ -79,59 +63,44 @@ body{ padding: 1.9% 0 1.4%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); } - .top-card-images{ padding-bottom: 6%; } - .top-card-image{ width: 10.4vmin; } - .top-card-description{ - max-width: 86%; text-align: center; - font-weight: 400; - font-size: 16px; line-height: 24px; padding: 0 7.4%; } - .middle-images-section-desktop{ - width: 100%; background: #E0E0E0; } - .middle-images-wrapper-desktop{ display: flex; justify-content: center; position: relative; bottom: -62px; } - .middle-images-desktop{ display: flex; width: 90%; justify-content: center; gap: 2%; } - .middle-image-desktop{ width: 33.3%; - display: block; } - .middle-images-section-mobile{ display: none; } - .bottom-cards{ padding: 10.1% 0 5.7% 0; display: flex; justify-content: center; gap: 1%; } - .bottom-card{ display: flex; flex-direction: column; @@ -140,58 +109,42 @@ body{ padding: 1.57% 0 2%; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); } - .bottom-card-images{ padding-bottom: 3.25%; } - .bottom-card-image{ width: 10.8vmin; } - .bottom-card-description{ - margin: 0 7.4%; - font-size: 16px; line-height: 24px; text-align: center; width: 85%; } - .bottom-infocard{ display: flex; flex-direction: column; align-items: center; } - .bottom-infocard-text{ text-align: center; margin-bottom: 2.65%; width: 29%; } - .bottom-infocard-title{ - font-weight: 600; font-size: 32px; - line-height: 39px; } - .bottom-infocard-description{ - font-size: 16px; line-height: 24px; } - .bottom-infocard-images{ display: flex; justify-content: center; width: 100%; } - .bottom-infocard-image-desktop{ width: 75%; - display: block; margin-bottom: 6.1%; } - .page-footer{ display: flex; flex-direction: column; @@ -199,29 +152,23 @@ body{ padding: 2% 0; background: #000000; } - .footer-icons{ display: flex; list-style-type: none; align-items: center; margin-bottom: 1%; } - .footer-icon{ margin: 0 8px; } - .footer-icon-image{ width: 2.48vmin; } - .footer-description{ font-size: 10px; - line-height: 12px; text-transform: uppercase; color: #BDBDBD; } - @media screen and (max-width: 1024px){ .main-banner-desktop{ display: none; @@ -236,7 +183,6 @@ body{ padding-top: 18.12%; } .top-infocard-description{ - font-size: 16px; text-align: center; margin-bottom: 18.2%; } @@ -255,9 +201,6 @@ body{ width: 84.6%; margin-bottom: 5.8%; } - .top-card-images{ - padding-bottom: 6.58%; - } .top-card-image{ width: 102px; padding-top: 36%; @@ -273,12 +216,10 @@ body{ display: flex; margin-bottom: 16.9%; padding-bottom: 10.9%; - width: 100%; background: #E0E0E0; } .middle-images-wrapper-mobile{ display: flex; - justify-content: center; position: relative; bottom: -32px; } @@ -306,31 +247,22 @@ body{ width: 84.6%; margin-bottom: 3.8%; } - .bottom-card-images{ - padding-bottom: 3.5%; - } .bottom-card-image{ - display: block; width: 100%; padding-top: 29%; } .bottom-card-description{ font-size: 14px; - width: 86.2%; margin: 0 0 14%; - padding: 0 1%; } .bottom-infocard-image-mobile{ - display: block; width: 100%; } .bottom-infocard-image-desktop{ display: none; } .bottom-infocard-text{ - display: flex; flex-direction: column; - align-items: center; width: 85%; margin: 12% 0 19.8%; } @@ -343,14 +275,8 @@ body{ padding: 32px 0; } .footer-icons{ - display: flex; - list-style-type: none; - align-items: center; margin-bottom: 3%; } - .footer-icon{ - margin: 0 8px; - } .footer-icon-image{ width: 100%; } @@ -362,7 +288,6 @@ body{ text-align: center; } } - @media screen and (min-width: 1025px){ .main-banner-mobile{ display: none; @@ -374,7 +299,6 @@ body{ display: none; } } - @media screen and (min-width: 2500px){ .top-infocard-subtitle{ font-size: 64px;