added more review components

website/src/Reviews.css

@@ -1,17 +1,27 @@
 .input-box {
     display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 80px;
+    width: 100%;
+    padding: 40px;
+    height: fit-content;
 }
 
 .review-select-dropdown {
     width: 200px;
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
-    height: calc(50px + 40px * 2);
+    justify-content: center;
+    height: fit-content;
     gap: 0px;
     user-select: none;
 }
 
+.review-select-dropdown.rating {
+    width: 60px;
+}
+
 .review-select-button {
     width: 100%;
     height: 50px;
@@ -19,7 +29,8 @@
     background: var(--surface);
     border: 1px solid var(--surface);
     outline: none;
-    color: white;
+    color: black;
+    font-weight: bold;
     border-radius: 16px;
 }
 
@@ -57,4 +68,35 @@
 .review-select-item:hover {
     cursor: pointer;
     border-color: white;
+}
+
+.review-text-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: fit-content;
+    height: fit-content;
+}
+
+.review-text {
+    resize: none;
+    overflow: hidden;
+    width: 300px;
+    height: 160px;
+    border-radius: 8px;
+    border: 1px solid var(--surface);
+    background: var(--surface);
+    color: black;
+    padding: 10px;
+    font-family: "Space Mono", monospace;
+    font-size: 15px;
+}
+
+.review-text:focus {
+    border: 1px solid white;
+}
+
+.review-text::placeholder {
+    color: white;
 }