All the pages have the updated UI of the contactus page (#59)

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
<!--Please include a brief description of the changes-->


## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
-All the pages have the updated UI of the contact US page

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [x] (enhancement)

## Screenshots / videos (if applicable)
<img width="476" alt="Screenshot 2024-10-02 at 3 15 22 PM"
src="https://github.com/user-attachments/assets/36495e5a-8d64-4f00-b7dd-8a0230b7eda0">



## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [x] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [x] I have updated my branch and synced it with project `main` branch
before making this PR
- [x] I have performed a self-review of my code
- [x] I have tested the changes thoroughly before submitting this pull
request.
- [x] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [x] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->

Css-files/content.css

@@ -482,3 +482,39 @@ textarea {
 .menu_items .items {
   position: relative;
 }
+#contactForm {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 20rem;
+  height: max-content;
+}
+
+#contactForm input,
+#contactForm textarea {
+  width: 100%;
+  padding: 20px;
+  margin: 5px;
+  border-radius: 10px;
+  border: none;
+}
+
+#contactForm h3 {
+  height: 30px;
+  color: #141414;
+}
+#contactForm textarea {
+  height: 100px;
+  resize: none; 
+}
+
+#contactForm button {
+  padding: 10px 20px;
+  background-color:rgb(196, 74, 74);
+  color:rgb(15, 14, 14);
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  margin-top: 5px;
+}

Html-files/cart.html

@@ -289,8 +289,6 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
                 <h3 style="font-family: var(--ff-philosopher);">Contact Us!</h3>
                 <input type="email" id="email" name="email" placeholder="Your Email" required="" style="font-family: var(--ff-poppins);">
                 <textarea id="message" name="message" placeholder="Your Message" required="" style="font-family: var(--ff-poppins);"></textarea>
-
-
                 <button id="butt" type="submit" style="font-family: var(--ff-poppins);">Send Message</button>
             </form>
         </div>

style.css

@@ -925,3 +925,39 @@ padding-left:2px;
 }
 
 
+#contactForm {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 20rem;
+  height: max-content;
+}
+
+#contactForm input,
+#contactForm textarea {
+  width: 100%;
+  padding: 20px;
+  margin: 5px;
+  border-radius: 10px;
+  border: none;
+}
+
+#contactForm h3 {
+  height: 30px;
+  color: #141414;
+}
+#contactForm textarea {
+  height: 100px;
+  resize: none; 
+}
+
+#contactForm button {
+  padding: 10px 20px;
+  background-color:rgb(196, 74, 74);
+  color:rgb(15, 14, 14);
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  margin-top: 5px;
+}