Update style.css

Orliluq · Jan 24, 2024 · 2c96c89 · 2c96c89
1 parent c28f078
commit 2c96c89
Showing 1 changed file with 24 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -29,7 +29,7 @@ body {
     background-position: center;
     padding: 1rem;
     background-color: #e5e5e5;
-    height: 100vh;
+    height: 90vh;
 }
 
 .header {
@@ -56,7 +56,7 @@ body {
     align-items: center;
     align-self: flex-end;
     width: 100%;
-    height: 90%;
+    height: 100%;
     margin-top: 4rem;
     gap: 1rem;
 }
@@ -67,7 +67,7 @@ body {
 }
 
 .text-container textarea {
-    background-color: transparent;
+    background-color: rgb(249, 247, 247);
     width: 100%;
     height: 100%;
     resize: none;
@@ -76,10 +76,14 @@ body {
     font-size: 1.5rem;
     color: var(--dark-blue-300);
     text-transform: lowercase;
+    border-radius: 10px;
+    opacity: 0.7;
 }
 
 .text-container textarea::placeholder {
     color: var(--dark-blue-300);
+    padding-left: 10px;
+    padding-top: 10px;
 }
 
 .buttons-container {
@@ -200,12 +204,25 @@ body {
     background-color: var(--dark-blue-200);
 }
 
+.text-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.text-icon i {
+    font-size: var(--font);
+    color: var(--color-icon);
+}
+
 footer {
-    font-size: 13px;
+    font-size: 15px;
     text-align: center;
-    color:rgb(18, 17, 17);
+    color:rgb(8, 2, 61);
     box-sizing: border-box;
-    background-color: rgb(137, 192, 194);
+    flex-direction: column;
+    gap: 1.5rem;
  }
 
 @media screen and (min-width: 768px) {
@@ -236,4 +253,4 @@ footer {
         width: 100%;
         height: auto;
     }
-}
+}