From af4e29d2b7d471117ecc1071a16c049e44cb7276 Mon Sep 17 00:00:00 2001 From: ravi-aratchige Date: Wed, 9 Nov 2022 16:49:06 +0530 Subject: [PATCH] Basic structuring added --- index.html | 1 + styles.css | 32 ++++++++++++++++++++------------ 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 8523512..2c99172 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@
+
Good Day
diff --git a/styles.css b/styles.css index 619da9d..017bc1b 100644 --- a/styles.css +++ b/styles.css @@ -1,34 +1,42 @@ -/* Linked to Homepage.html */ - * { font-family: 'Inter'; + color: white; } - body { background-size: cover; background-repeat: no-repeat; background-color: black; + display: grid; + align-items: center; + justify-content: center; } +.glass { + width: 50rem; + height: 25rem; + padding-left: 25px; + padding-right: 25px; + padding-bottom: 10px; + text-align: center; + box-shadow: 0 0 1rem 0 rgba(0,0,0,0.2); + border-radius: 0.75rem; + background-color: rgba(255,255,255,0.15); + backdrop-filter: blur(0.7rem); - + display: grid; + align-items: center; + justify-content: center; +} #clock { font-size: 500%; text-align: center; - text-shadow: - -1px -1px 0 white, - 1px -1px 0 white, - -1px 1px 0 white, - 1px 1px 0 white; } - .boxContainer { + display: flex; margin: auto; } - .boxes { display: block; } - button { background-color: black; color: white;