Css changes

frontend/src/Css/Form.css

@@ -13,11 +13,6 @@ body {
   align-items: center;
 }
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
 .login-view{
   min-height: 100vh;
   min-width: 100vw;

frontend/src/Css/MultiLevelOptions.css

+
+/* Wrapper for the entire component */
+.options-wrapper {
+    max-width: 350px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    margin-top: 25px;
+  }
+  
+/* Styling the heading */
+.options-wrapper h1 {
+    font-size: 36px;
+    text-align: left;
+    margin-bottom: 6px;
+    font-family: "source-code-pro", Menlo, Monaco, Consolas, "Courier New", monospace;
+    line-height: 1.4375em;
+
+}
+  
+  /* Styling for the dropdown menus */
+  .options-wrapper select {
+    width: 100%;
+    padding: 19px 4px 19px 5px;
+    margin-bottom: 15px;
+    border-radius: 5px;
+    border: 1px solid white;
+    color: "#061525";
+    background-color: #3D96B1;
+    font-family: "source-code-pro", Menlo, Monaco, Consolas, "Courier New", monospace;
+    font-size: 20px;
+  }
+
+  /* Change border color on focus */
+  .options-wrapper select:focus {
+    border-color: #007bff;
+    outline: none
+}
+
+/*
+options-wrapper h1{
+    margin-bottom: 10px;
+    font-family: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace";
+    font-size: 36px;
+    font-weight: 700;
+}
+
+options-wrapper h1{
+    margin-bottom: 10px;
+    font-family: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace";
+    font-size: 36px;
+    font-weight: 700;
+}
+
+options-wrapper select{
+    padding: 10px 0px 3px 10px;
+    margin-bottom: 20px;
+}
+*/
\ No newline at end of file

frontend/src/Css/index.css

@@ -10,8 +10,3 @@ body {
   -moz-osx-font-smoothing: grayscale;
 
 }
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}