From bbf9e72b90578462ab5a602396e46563ada9e5e8 Mon Sep 17 00:00:00 2001
From: Nicolly Vieira <nicollyvscosta@gmail.com>
Date: Tue, 11 Oct 2022 15:36:31 -0300
Subject: [PATCH] feat(index): adiciona o estilo para o infocard de baixo para
 desktop e mobile

---
 styles/main.css | 77 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 76 insertions(+), 1 deletion(-)

diff --git a/styles/main.css b/styles/main.css
index 1b88457..c72e4cc 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -183,6 +183,45 @@ body {
     text-align: center;
 }
 
+/*bottom infocard*/
+.bottom-infocard {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    padding-bottom: 116px;
+}
+
+.bottom-infocard-content {
+    width: 29%;
+}
+
+.bottom-infocard-title {
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 39px;
+    text-align: center;
+}
+
+.bottom-infocard-description {
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+
+    padding-bottom: 50px;
+}
+
+.bottom-infocard-image-container {
+    width: 71%;
+}
+
+.bottom-infocard-image {
+    width: 100%;
+    height: 276px;
+    object-fit: cover;
+}
+
 /*mobile*/
 @media screen and (max-width: 1024px) {
 
@@ -269,6 +308,36 @@ body {
         padding: 0 23px 89px;
     }
 
+    .bottom-infocard {
+        flex-direction: column-reverse;
+        padding-bottom: 88px;
+    }
+
+    .bottom-infocard-image-container {
+        width: 100%;
+    }
+
+    .bottom-infocard-image {
+        width: 100%;
+        height: auto;
+        object-fit: initial;
+    }
+
+    .bottom-infocard-content {
+        width: 100%;
+        padding: 50px 32px 0;
+    }
+
+    .bottom-infocard-title {
+        font-size: 24px;
+        line-height: 29px;
+        padding-bottom: 10px;
+    }
+
+    .bottom-infocard-description {
+        padding-bottom: 0;
+    }
+
 }
 
 /*4K*/
@@ -287,8 +356,14 @@ body {
 
     .top-infocard-description,
     .top-card-description,
-    .bottom-card-description {
+    .bottom-card-description,
+    .bottom-infocard-description {
         font-size: 32px;
         line-height: 48px;
     }
+
+    .bottom-infocard-title {
+        font-size: 64px;
+        line-height: 78px;
+    }
 }
\ No newline at end of file