Merge pull request #22 from RIT-SWEN-261-02/css

Merge css into main

1 files changed, 70 insertions, 0 deletions

diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css
index 90d4ee0..75d6b36 100644
--- a/ufund-ui/src/styles.css
+++ b/ufund-ui/src/styles.css
@@ -1 +1,71 @@
 /* You can add global styles to this file, and also import other style files */
+
+:root {
+    color-scheme: /*light*/ dark;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+html, body {
+    margin: 0;
+    height: 100%;
+    background-color: light-dark(white, #000715);
+}
+
+body {
+    font-family: Inter, sans-serif;
+    font-optical-sizing: auto;
+}
+
+input {
+    font-size: 14pt;
+    padding: 5px;
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    background-color: light-dark(#ebebeb, #3a3a3a);
+
+    &:hover {
+        background-color: light-dark(#e1e1e1, #444444);
+    }
+}
+
+button, input[type=button], input[type=reset], input[type=submit], .button {
+    font-size: 14pt;
+    padding: 6px 16px;
+    border-radius: 9999px;
+    border-style: none;
+    background-color: light-dark(#ebebeb, #3a3a3a);
+    display: flex;
+    gap: 5px;
+    text-align: center;
+    justify-content: center;
+
+    &:hover {
+        background-color: light-dark(#e1e1e1, #444444);
+    }
+}
+
+.button2 {
+    text-transform: uppercase;
+    border: 1px solid #5cdbff;
+    padding: 10px 25px;
+    font-size: 12pt;
+    font-weight: 600;
+    background-color: transparent;
+    text-shadow: #5cdbff 0 0 50px;
+}
+
+.icon {
+    font-family: 'Material Symbols Outlined'
+}
+
+h1 {
+    font-size: 40px;
+}
+
+progress {
+    min-width: 100%;
+}