Hecho el CSS principal

style.css

@@ -1,3 +1,65 @@
 * {
     margin: 0;
+
+}
+html, body {
+  height: 100%;
+}
+
+body {
+    background-color: #2C3338;
+    font-family: Arial, Helvetica, sans-serif;
+    position: relative;
+}
+
+
+.blue-circle {
+    background-color: #578EB7;
+
+    /* */
+    position: relative;
+    top: 50%;
+    left: 50%;
+    margin: -250px 0 0 -250px; /* Half of the width*/
+    /* Credits: https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/
+    /* */
+
+    width: 500px;
+    height: 500px;
+    border-radius: 100%;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    -ms-border-radius: 100%;
+    -o-border-radius: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.gray-rectangle {
+    width: 40%;
+    height: 40%;
+    background-color: #C4C4C4;
+
+    border-radius: 10%;
+    -webkit-border-radius: 10%;
+    -moz-border-radius: 10%;
+    -ms-border-radius: 10%;
+    -o-border-radius: 10%;
+}
+
+h2 {
+    text-align: center;
+   /* padding-top: 40px;*/
+    color: #2C3338;
+    font-weight: bolder;
+}
+
+.visits {
+    padding-top: 40px;
+}
+
+.amount {
+    padding-top: 20px;
+    font-size: 25pt;
 }