add stats card

styles/Home.module.css

@@ -8,7 +8,7 @@
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   border-radius: 30px;
-  border: 1px solid rgba(255, 255, 255, 0.18);
+  /* border: 1px solid rgba(255, 255, 255, 0.18); */
   display: grid;
   grid-template-columns: 1fr 2fr;
 }
@@ -30,14 +30,20 @@
 .statsWrapper {
   background-color: rgb(247, 247, 247);
   padding: 30px;
+  text-align: right;
+  border-radius: 0 30px 30px 0;
 }
 
 .statsBox {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
+  gap: 20px;
+
+  border-radius: 20px;
 }
 
 .statsCard {
+  background: rgba(255, 255, 255, 0.95);
 }
 
 .mainTemp {
@@ -45,12 +51,17 @@
 }
 
 .searchInput {
-  margin-top: 200px;
+  margin-bottom: 20px;
   height: 40px;
   width: 300px;
   border: none;
   padding: 0 10px;
-  color: #242424;
+  color: #c5c5c5;
+  /* background-color: none; */
   font-size: 20px;
-  background: rgba(255, 255, 255, 0.25);
+  text-align: right;
+  /* background-color: rgb(247, 247, 247); */
+  border-radius: 20px;
+  font-family: "Varela Round", sans-serif;
+  font-size: 18px;
 }