Refactor forecast, add forecast styles

1 files changed, 19 insertions, 3 deletions

diff --git a/styles.css b/styles.css
index 2a1c06d..5e278e8 100644
--- a/styles.css
+++ b/styles.css
@@ -77,17 +77,33 @@ button {
 }
 .forecast{
     color: #fff;
-    text-align: center;            
-    line-height: 50px;
     text-align: center;
+    border-collapse: collapse;
+    border: 1px solid white;
+    width: 100%;
 }
 .forecast th, .forecast td {
-    border: 1px solid white;
+    border-left: 1px solid white;
+    border-right: 1px solid white;
     margin: 0px;
+    padding: 0px 5px 0px 5px;
 }
+
+.high {
+    color: rgb(255, 64, 64)
+}
+
+.low {
+    color: rgb(45, 161, 255)
+}
+
 .forecast th {
+    border-bottom: 1px solid white;
+    padding: 5px;
     font-size: 28px;
+    background-color: #454545;
 }
 .forecast td {
+    padding: 3px;
     font-size: 16px;
 }
\ No newline at end of file