Update index.html

amadratitus · Nov 8, 2023 · b05b31f · b05b31f
1 parent 923aba4
commit b05b31f
Showing 1 changed file with 16 additions and 35 deletions.
diff --git a/index.html b/index.html
@@ -7,44 +7,25 @@
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
   <style>
-    * {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  background-color: black;
-}
-
-.container.counter {
-  color: white;
-  text-align: center;
-}
-
-.counter h1 {
-  font-weight: normal;
-}
-
-.counter li {
-  display: inline-block;
-  font-size: 1em;
-  list-style-type: none;
-  padding: 1em;
-  text-transform: uppercase;
-}
-
-.counter li span {
-  display: block;
-  font-size: 4.5rem;
-}
+        .counter li {
+          display: inline-block;
+          font-size: 1em;
+          list-style-type: none;
+          padding: 1em;
+          text-transform: uppercase;
+        }
+
+        .counter li span {
+          display: block;
+          font-size: 4.5rem;
+        }
   </style>
 </head>
 <body class="bg-light">
 
-<div class="container-fluid align-item-center justify-content-center">
- <div class="container counter">
-  <h1 id="head">Days Remaining</h1>
+<div class="container-fluid">
+ <div class="container counter d-flex align-item-center justify-content-center">
+  <h1 id="head" class="text-primary p-2">Days Remaining</h1>
   <ul>
     <li><span id="days"></span>days</li>
     <li><span id="hours"></span>Hours</li>
@@ -60,7 +41,7 @@ <h1 id="head">Days Remaining</h1>
       minute = second * 60,
       hour = minute * 60,
       day = hour * 24;
-
+  
 let countDown = new Date('October 13, 2023 00:00:00').getTime(),
     x = setInterval(function() {