FUNCT Added homescreen

1 files changed, 25 insertions, 1 deletions

diff --git a/src/styles/main.scss b/src/styles/main.scss
index f96dacc..b89ee6f 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -8,6 +8,17 @@ html {
     -webkit-overflow-scrolling: touch;
 }
 
+@keyframes zoomIn {
+    from {
+      opacity: 0;
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+  
+    50% {
+      opacity: 1;
+    }
+}
+
 body {
     font-family: Arial;
     color: map-get($colors, font);
@@ -18,6 +29,11 @@ body {
         text-decoration: none;
     }
 
+    a:hover {
+        color: map-get($colors, font);
+        text-decoration: none;
+    }
+
     .top {
         position: absolute;
         top: 0;
@@ -35,7 +51,7 @@ body {
                 flex: 1 1 0px;
                 text-align: center;
                 background-color: map-get($colors, button);
-    
+                
                 .icon {
                     width: 100%;
                     height: $header_size*0.70;
@@ -76,6 +92,14 @@ body {
             .wheater {
                 font-size: 1.5em;
                 letter-spacing: 2px;
+                height: 50px;
+
+                .weatherItem {
+                    animation-name: zoomIn;
+                    animation-iteration-count: 1;
+                    animation-duration: 1s;
+                    animation-delay: 0s;
+                }
             }
         }