innit

src/styles/_variables.scss

@@ -0,0 +1,3 @@
+$primary-color: #66D48E;
+$accent-color: #8400ff;
+$accent-gradient: linear-gradient(45deg, $primary-color, $accent-color 50%, white 60%);

src/styles/global.scss

@@ -0,0 +1,42 @@
+@import "./_variables.scss";
+
+body {
+    font-family: system-ui, sans-serif;
+    background-color: #0a0a0a;
+}
+
+.wip-title {
+    margin-top: 100px;
+    font-size: 50px;
+    text-align: center;
+    color: white;
+}
+
+.text-gradient {
+    background-image: $accent-gradient;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-size: 400%;
+    background-position: 0%;
+}
+
+.card {
+    position: absolute;
+    background-color: #1d1d1d;
+    color: white;
+    padding: 35px;
+    width: 50%;
+    margin:0;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 15px;
+    box-shadow: rgba($primary-color, 0.4) 5px 5px, rgba($primary-color, 0.3) 10px 10px, rgba($primary-color, 0.2) 15px 15px, rgba($primary-color, 0.1) 20px 20px, rgba($primary-color, 0.05) 25px 25px;
+    a {
+        color: #2525ca;
+        text-decoration: underline 2px;
+    }
+    p{
+        font-size: 20px;
+    }
+}