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 {
+.card {
-  position: absolute;
+  margin: 20% auto;
-  left: 50%;
+  width: 60%;
-  top: 50%;
+  padding-top: 50px;
-  -webkit-transform: translate(-50%, -50%);
+  padding-bottom: 50px;
-  transform: translate(-50%, -50%);
+
  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);
+  font-size: 6vw;
-  color: #00ee00;
+  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>