Initial Commit with files

2023-03-28 15:46:20 -04:00
commit 7f4b0bb78f
15 changed files with 1416 additions and 0 deletions
--- a/Page/styles.css
+++ b/Page/styles.css
@@ -0,0 +1,113 @@
+/* body {
+    font-family: "Segoe UI", Arial, sans-serif;
+    background-color: #f5f5f5;
+  }
+  
+  .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+  
+  .login-form {
+    background-color: #333333;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+  }
+  
+  .heading {
+    color: #ffffff;
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  
+  .label {
+    display: block;
+    color: #ffffff;
+    margin-bottom: 5px;
+  }
+  
+  .input {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    margin-bottom: 20px;
+  }
+  
+  .button {
+    background-color: #4CAF50;
+    color: #ffffff;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+  
+  .button:hover {
+    background-color: #3e8e41;
+  } */
+
+  body {
+    background-color: #f5f5f5;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  }
+  
+  .login-form {
+    background-color: #333333;
+    border-radius: 10px;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+    color: #ffffff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: fit-content;
+    margin: auto;
+    max-width: 400px;
+    padding: 30px;
+    padding-top: 0px;
+  }
+  
+  
+  .label {
+    font-size: 18px;
+    margin-bottom: 10px;
+  }
+  
+  .input {
+    background-color: #ffffff;
+    border: none;
+    border-radius: 5px;
+    font-size: 16px;
+    height: 30px;
+    margin-bottom: 10px;
+    padding: 5px;
+    width: 100%;
+  }
+  
+  .button {
+    background-color: #4CAF50;
+    border: none;
+    border-radius: 5px;
+    color: #ffffff;
+    cursor: pointer;
+    font-size: 16px;
+    height: 40px;
+    margin-top: 0px;
+    width: 50%;
+  }
+  
+  .button:hover {
+    background-color: #3e8e41;
+  }
+
+  .heading {
+    color: #ffffff;
+    text-align: center;
+    margin-bottom: 40px;
+  }