diff --git a/frontend/src/Css/Form.css b/frontend/src/Css/Form.css
index 4ac83fd45379ce264646f13ee8729c29298eaa14..3dfbde77e7dfcaa934706425cb9b0b7b7460c8f0 100644
--- a/frontend/src/Css/Form.css
+++ b/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;
diff --git a/frontend/src/Css/MultiLevelOptions.css b/frontend/src/Css/MultiLevelOptions.css
new file mode 100644
index 0000000000000000000000000000000000000000..4e8bb4f4d78ec0694997476e6a3c77dffc97be91
--- /dev/null
+++ b/frontend/src/Css/MultiLevelOptions.css
@@ -0,0 +1,59 @@
+
+/* 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
diff --git a/frontend/src/Css/index.css b/frontend/src/Css/index.css
index e164351c5aaa3c2a54ab2e7da680148c38e15565..847c6ad92d55d7f2e8adfc744ff9363570e4f99f 100644
--- a/frontend/src/Css/index.css
+++ b/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;
-}