From 1da9ed48a855b5682412e7fd0ca21d73b77b0640 Mon Sep 17 00:00:00 2001
From: Fenelas <gabriel.fenelon.biel@gmail.com>
Date: Fri, 27 Oct 2023 12:23:54 -0300
Subject: [PATCH] tela inicial atualizada

---
 frontend/src/stylesheets/Home.css | 62 ++++++++++++++++++-------------
 1 file changed, 36 insertions(+), 26 deletions(-)

diff --git a/frontend/src/stylesheets/Home.css b/frontend/src/stylesheets/Home.css
index beab7e3de..992a43d81 100644
--- a/frontend/src/stylesheets/Home.css
+++ b/frontend/src/stylesheets/Home.css
@@ -22,23 +22,27 @@ body {
 }
 /*tela de fundo*/
 .background-bottom{
-    width: 1923px;
-    height: 950px;
-    background-color: black;
+    width: 100%;
+    height: 100%;
+  margin: 0 auto;
+  background-color: #0D1117;
+  border-radius: 30px 30px 30px 30px ;
 }
 
 /*tela principal*/
 .main-screen{
-    width: 1880px;
-    height: 966px;
+    width: 1520px;
+    height: 735px;
     flex-shrink: 0;
     background: linear-gradient(180deg, #1C294F 0%, rgba(10,14, 25, 0.80) 100%);
+    border-radius: 30px 30px 30px 30px;
 
 }
 /*parte esqueda*/
 .left-screen{
+    margin-left: 0%;
     width: 347px;
-    height: 1040px;
+    height: 735px;
     flex-shrink: 0;
     border-radius: 30px 0px 0px 30px;
     background: #0D1117;
@@ -47,7 +51,9 @@ body {
 
 
 .left-screen h1{
-    height: 0%;
+    margin-bottom: -30%;
+    height: 20%;
+    margin-top: 0%;
     color: white;
     text-align: center;
     font-family: 'fonts/Inter';
@@ -56,7 +62,9 @@ body {
     font-weight: 500;
     line-height: normal;
     letter-spacing: 3.85px;
-    display: block;
+    display: flex;
+    flex-direction: column;
+justify-content: center;
     
 }
 
@@ -89,19 +97,21 @@ body {
      width: 311px;
      height: 47px;  
      margin-top: -55%;
-     margin-left: 50%;
+     margin-left: 70%;
 
 }
 
 .right-screen h2{
-    text-align: center;
+    color: #FFF;
+    text-align: left;
     font-family: 'fonts/Inter';
     font-size: 40px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 12.8px;
-
+    margin-top: 50%;
+    margin-left: -69%;
 }
 
 .all-courses{
@@ -113,12 +123,11 @@ flex-direction: column;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
-
 flex-direction: column;
     margin-top: 50%;
-    width: 335px;
-    height: 168px;
-    margin-left: -160%;
+    width: 240px;
+    height: 140px;
+    margin-left: -200%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
@@ -141,6 +150,7 @@ color: white;
  justify-content: center;
 flex-direction: column;
      margin-top: -50%;
+     margin-left: -85%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
@@ -148,8 +158,8 @@ flex-direction: column;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 2.6px;
-    width: 335px;
-    height: 168px;
+    width: 240px;
+    height: 140px;
     flex-shrink: 0;
     border-radius: 100px 0;
     border: 2px solid #FFF;
@@ -165,7 +175,7 @@ color: white;
  justify-content: center;
 flex-direction: column;
     margin-top: -50%;
-    margin-left: 150%;
+    margin-left: 30%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
@@ -173,8 +183,8 @@ flex-direction: column;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 2.6px;
-    width: 335px;
-    height: 168px;
+    width: 240px;
+    height: 140px;
     flex-shrink: 0;
     border-radius: 100px 0;
     border: 2px solid #FFF;
@@ -190,7 +200,7 @@ display: flex;
  justify-content: center;
 flex-direction: column;
     margin-top: 40%;
-    margin-left: -80%;
+    margin-left: -155%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
@@ -198,8 +208,8 @@ flex-direction: column;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 2.6px;
-    width: 335px;
-    height: 168px;
+    width: 240px;
+    height: 140px;
     flex-shrink: 0;
     border-radius: 100px 0;
     border: 2px solid #FFF;
@@ -216,7 +226,7 @@ display: flex;
  justify-content: center;
 flex-direction: column;
     margin-top: -50%;
-    margin-left: 70%;
+    margin-left: -25%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
@@ -224,8 +234,8 @@ flex-direction: column;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 2.6px;
-    width: 335px;
-    height: 168px;
+    width: 240px;
+    height: 140px;
     flex-shrink: 0;
     border-radius: 100px 0;
     border: 2px solid #FFF;