Improved the UI of Amantran food ordering

Html-files/aman.html

@@ -60,30 +60,37 @@
         }
         h2 {
             text-align: center;
+            color: rgb(500,120,0); 
+            font-weight: bold;
         }
         form {
             display: flex;
             flex-direction: column;
         }
         label {
             margin: 10px 0 5px;
+            box-shadow: 0px 10px 40px -12px #b10f1f85;
+              font-weight: bold;
         }
         input, select, textarea {
             padding: 10px;
             margin-bottom: 20px;
             border: 1px solid #ccc;
             border-radius: 5px;
+            background-color: rgb(255, 160, 122,0.8);
         }
         button {
             padding: 10px;
             border: none;
             border-radius: 5px;
-            background-color: #28a745;
-            color: white;
+            background-color: rgb(400, 120, 50);
+            color: black;
+            font-weight: bold;
             cursor: pointer;
         }
         button:hover {
-            background-color: #218838;
+            background-color: rgb(400, 120, 50, 0.9);
+            box-shadow: 0 8px 30px -15px black;
         }
         .confirmation-message {
             display: none;
@@ -316,10 +323,10 @@ <h1>O R D E R - N O W</h1>
       <h2>Amantran Food Ordering </h2>
       <form id="orderForm">
           <label for="name">Name:</label>
-          <input type="text" id="name" name="name" required>
+          <input type="text" id="name" name="name" placeholder="Enter your name" required>
 
           <label for="email">Email:</label>
-          <input type="email" id="email" name="email" required>
+          <input type="email" id="email" name="email" placeholder="[email protected]" required>
 
           <label for="phone">Phone Number:</label>
           <input type="tel" id="phone" name="phone" required>