From f0e1ac99ec139c3f79e394924f05d35dbd21f1f0 Mon Sep 17 00:00:00 2001 From: Francisco P Date: Sun, 23 May 2021 11:50:11 -0300 Subject: [PATCH] Hecho el CSS principal --- index.php | 6 +++--- style.css | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+), 3 deletions(-) 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'; -

VISITAS

-

-
+

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