minor ui changes'

style.css

@@ -22,12 +22,12 @@ body {
 }
 
 .card {
-  background: #000000d0;
+  background: rgba(0, 0, 0, 0.65); 
   color: white;
   padding: 1.5em;
   border-radius: 40px;
   width: 100%;
-  max-width: 420px;
+  max-width: 520px;
   margin: 1em;
 }
 
@@ -67,7 +67,7 @@ button:hover {
 }
 
 h1.temp {
-  margin: 0;
+  margin: 10px;
   margin-bottom: 0.3em;
 }
 
@@ -82,6 +82,10 @@ h1.temp {
   margin-top: 1em;
 }
 
+.weather {
+  margin-left: 43px;
+}
+
 .weather.loading {
   visibility: hidden;
   max-height: 20px;
@@ -110,9 +114,6 @@ h1.temp {
 }
 
 .week-list>li {
-  border: solid;
-  border-width: 1px;
-  border-color: rgba(255, 255, 255, 0.4);
   float: left;
   padding: 15px;
   cursor: pointer;
@@ -122,13 +123,14 @@ h1.temp {
   border-radius: 10px;
   margin: 4px;
   align-items: center;
+  background: #7c7c7c2b;
 }
 
 .week-list>li:hover {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
-  background: #7c7c7c2b;
+  background: #7c7c7c6b;
   outline: none;
   -webkit-box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.2);
           box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.2)