Update stytle.css

NuPaCoding · web-flow · commit 1470275f4dad · 2022-06-22T03:56:12.000-03:00
diff --git a/RelojClimaMix/stytle.css b/RelojClimaMix/stytle.css
@@ -141,4 +141,45 @@ body {
     font-size: 25px;
     display: block;
     }
-}
+}
+
+@media (max-width: 450px) {
+
+    body{
+        display:flex;
+        font-size: 10px;
+    }
+    .wrap {
+        width: 350px;
+        justify-content: center;
+        align-items: center;
+        margin: none;
+        padding: none;
+    }
+
+    .widget {
+        width: 100%;
+        margin: 1em;
+    }
+
+    #contenedor {
+        display: flexbox;
+        align-items: center;
+    }
+
+    #caja1, #caja2, #caja3 {
+        width: 100px;
+        height: 100px;
+    }
+
+    #icono-animado{
+        width: 50px;
+        height: 50px;
+    }
+
+.reloj .segundos,
+.reloj .ampm {
+    font-size: 20px;
+    display: block;
+    }
+}
