Basic structuring added

2026-08-24 03:24:13 -05:00 · 2022-11-09 16:49:06 +05:30
parent cd27736005
commit af4e29d2b7
2 changed files with 21 additions and 12 deletions
@@ -14,6 +14,7 @@
 <body>
    <div class="glass">
        <div id="clock"></div>
+        <div id="greeting">Good Day</div>
    </div>

    <div class="boxContainer">
@@ -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;