implemented construction page.

2025-03-15 22:29:55 -06:00
parent ab50339a32
commit 3b794ae87d
3 changed files with 35 additions and 9 deletions
@@ -7,10 +7,20 @@ body {
  background-color: black;
 }

-.center-abs {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
+.card {
+  margin: 20% auto;
+  width: 60%;
+  padding-top: 50px;
+  padding-bottom: 50px;
+
+  border: 1px solid white;
+  border-radius: 18px;
+
+  text-align: center;
+}
+
+@media (max-width: 980px) {
+  .card {
+    margin: 75% auto;
+  }
 }
@@ -1,4 +1,19 @@
 h1 {
-  font-size: clamp(4vw, 6vw, 8vw);
-  color: #00ee00;
+  font-size: 6vw;
+  color: white;
+}
+
+p {
+  font-size: 1vw;
+  color: white;
+}
+
+@media (max-width: 980px) {
+  h1 {
+    font-size: 4vw;
+  }
+
+  p {
+    font-size: 2vw;
+  }
 }
@@ -7,8 +7,9 @@
 </head>

 <body>
-  <div class="center-abs">
+  <div class="card">
    <h1>Under Construction</h1>
+    <p>Come back 5.25.2025</p>
  </div>
 </body>