diff --git a/index.php b/index.php
index 831d234..35aab36 100644
--- a/index.php
+++ b/index.php
@@ -2,6 +2,8 @@
require 'logic.php';
+$c = 665;
+
?>
@@ -15,12 +17,10 @@ require 'logic.php';
-
diff --git a/style.css b/style.css
index e357092..5c077c5 100644
--- a/style.css
+++ b/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;
}
\ No newline at end of file