From e11143ab8747395ae615af7f88aa412ef9162179 Mon Sep 17 00:00:00 2001
From: Nicholas Ngo <nicholas.ngo@surreyschools.ca>
Date: Tue, 17 May 2022 10:15:21 -0700
Subject: [PATCH] Update CSS UI

---
 index.html |  2 +-
 style.css  | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/index.html b/index.html
index 05748e4..a1867fe 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 <body id="body">
   <div class="card">
     <div class="search">
-      <input type="text" class="search-bar" placeholder="Search">
+      <input type="text" class="search-bar" placeholder="Search location">
       <button><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1.5em"
           width="1.5em" xmlns="http://www.w3.org/2000/svg">
           <path
diff --git a/style.css b/style.css
index e054f3a..c6500e9 100644
--- a/style.css
+++ b/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;
 }
\ No newline at end of file
