initial migration

public/css/auth.css

@@ -0,0 +1,29 @@
+.request-success {
+
+    display: flex;
+    align-items: center;
+    
+    background-color: #ffebcd;
+    
+    padding: 3vh 0px 3vh 2vw;
+    
+    user-select: all;
+    -webkit-user-select: all;
+}
+
+.request-success code {
+    overflow-wrap: anywhere;
+}
+
+.request-success img {
+
+    width: 50px;
+
+    margin-right: 3vw;
+
+    user-select: none;
+}
+
+.request-error {
+    color: rgb(143, 0, 0)
+}

public/css/global.css

@@ -0,0 +1,21 @@
+html, body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0vh 3vw;
+    font-family: 'Be Vietnam Pro', sans-serif;
+}
+
+#beta-banner {
+    background-color: #F38181;
+    color: #393E46;
+
+    padding: 2vh 0.5vw;
+    margin: 0px -3vw;
+}
+
+#beta-banner p {
+    margin: 0;
+}

public/css/index.css

@@ -0,0 +1,26 @@
+.main {
+    display: flex;
+    flex-direction: column;
+}
+
+.button {
+    width: fit-content;
+    
+    background-color: #4797ff;
+    color: #fff;
+
+    padding: 2vh 5vw;
+    
+    border-radius: 5px;
+
+    text-decoration: none;
+    font-weight: bold;
+}
+
+ul {
+    margin-top: 5vh;
+}
+ul li{
+    font-size: 20pt;
+    font-weight: bold;
+}

public/img/auth_copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24" fill="none" stroke="#b6a894" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>