add home meteo card

resources/sass/setup/_fonts.scss

@@ -12,3 +12,4 @@ body {
     font-size: 1.6rem;
     color: $font;
 }
+

resources/sass/setup/_positions.scss

@@ -47,6 +47,10 @@ $base: 1rem;
     justify-content: space-between;
 }
 
+.flex-shrink {
+    flex-shrink: 0;
+}
+
 .w-100{
     width: 100%;
 }
@@ -62,6 +66,10 @@ $base: 1rem;
 }
 
 @for $i from 0 through 5 {
+    .flex-#{$i} {
+        flex: $i;
+    }
+
     .m-#{$i} {
         margin: $i * $base;
     }
@@ -122,3 +130,15 @@ $base: 1rem;
 .z-10 {
     z-index: 10;
 }
+
+.text-left {
+    text-align: left;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-center {
+    text-align: center;
+}