Update CSS UI

style.css

@@ -1,7 +1,7 @@
 :root {
   --Rain: url("https://cdnb.artstation.com/p/assets/images/images/044/191/175/original/ryan-haight-kerry-park-rainy.gif?1639344501");
   --Clouds: url("https://64.media.tumblr.com/9ee59e8b2b137130d55209f48398878a/tumblr_pac4orsuyr1tlgv32o1_540.gif");
-  --Drizzle: url("https://c.tenor.com/O5-9NwLytp4AAAAd/minimoss-pixel-art.gif");
+  --Drizzle: url("https://data.whicdn.com/images/314585703/original.gif");
   --Clear: url("https://thumbs.gfycat.com/UnfoldedRedJaguarundi-max-1mb.gif");
   --Snow: url("https://thumbs.gfycat.com/DecimalBabyishAmericancreamdraft-max-1mb.gif");
   --Thunderstorm: url("../images/thunderstorm.gif");
@@ -24,8 +24,8 @@ body {
 .card {
   background: #000000d0;
   color: white;
-  padding: 2em;
-  border-radius: 30px;
+  padding: 1.5em;
+  border-radius: 40px;
   width: 100%;
   max-width: 420px;
   margin: 1em;
@@ -41,8 +41,8 @@ button {
   margin: 0.5em;
   border-radius: 50%;
   border: none;
-  height: 44px;
-  width: 44px;
+  height: 50px;
+  width: 50px;
   outline: none;
   background: #7c7c7c2b;
   color: white;
@@ -58,7 +58,7 @@ input.search-bar {
   background: #7c7c7c2b;
   color: white;
   font-family: inherit;
-  font-size: 105%;
+  font-size: 120%;
   width: calc(100% - 100px);
 }
 
@@ -68,7 +68,7 @@ button:hover {
 
 h1.temp {
   margin: 0;
-  margin-bottom: 0.4em;
+  margin-bottom: 0.3em;
 }
 
 .flex {
@@ -89,9 +89,9 @@ h1.temp {
 
 .weather.loading:after {
   visibility: visible;
-  content: "Input Location";
+  content: "";
   color: white;
   position: absolute;
   top: 0;
-  left: 20px;
+  left: 30px;
 }