Update static/style.css

static/style.css

@@ -1,79 +1,37 @@
-body {
-  --text: hsl(0 0% 15%);
-  padding: 2.5rem;
-  font-family: sans-serif;
-  color: var(--text);
-}
-body.dark-theme {
-  --text: hsl(0 0% 90%);
-  background-color: hsl(223 39% 7%);
-}
-
-main {
-  max-width: 80rem;
-  text-align: center;
-}
-
-section {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-a {
-  color: var(--text);
-}
-
-select, input, button, .text-gen-output {
-  padding: 0.5rem 1rem;
-}
-
-select, img, input {
-  margin: 0.5rem auto 1rem;
-}
-
-form {
-  width: 25rem;
+#container {
+  width: 600px;
   margin: 0 auto;
+  text-align: center;
 }
 
-input {
-  width: 70%;
+#urlInput {
+  width: 500px;
 }
 
 button {
-  cursor: pointer;
-}
-
-.text-gen-output {
-  min-height: 1.2rem;
-  margin: 1rem;
-  border: 0.5px solid grey;
-}
-
-#dataset button {
-  width: 6rem;
-  margin: 0.5rem;
-}
-
-#dataset button.hidden {
-  visibility: hidden;
+  margin: 10px;
 }
 
-table {
-  max-width: 40rem;
-  text-align: left;
-  border-collapse: collapse;
-}
-
-thead {
-  font-weight: bold;
-}
-
-td {
-  padding: 0.5rem;
+#login {
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
 }
 
-td:not(thead td) {
-  border: 0.5px solid grey;
-}
+#loginButton {
+  display: flex;
+  background-color: rgb(255, 255, 255);
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+  padding: 10px 30px;
+  box-shadow: 1px 1px 1px 1px rgb(170, 170, 170);
+  border-radius: 15px;
+  border: 1px solid rgb(170, 170, 170);
+}
+
+#loginButtonText {
+  justify-content: center;
+  padding: 10px;
+  color: rgb(85, 85, 85);
+}