tela inicial atualizada

FGA0138-MDS-Ajax · Oct 27, 2023 · 1da9ed4 · 1da9ed4
1 parent 602f9f6
commit 1da9ed4
Showing 1 changed file with 36 additions and 26 deletions.
diff --git 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,15 +150,16 @@ color: white;
  justify-content: center;
 flex-direction: column;
      margin-top: -50%;
+     margin-left: -85%;
     text-align: center;
     font-family: 'fonts/Inter';
     font-size: 26px;
     font-style: normal;
     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,16 +175,16 @@ 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;
     font-style: normal;
     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,16 +200,16 @@ 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;
     font-style: normal;
     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,16 +226,16 @@ 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;
     font-style: normal;
     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;