Improved the UI of Frosa

Html-files/frosa.html

@@ -58,24 +58,30 @@
             margin: auto;
             background-color: white;
             padding: 20px;
-            box-shadow: 0 0 10px rgba(0,0,0,0.1);
+            box-shadow: 0 0 10px rgba(0,0,0,0.8);
             margin-top: 50px;
+            margin-bottom: 50px;
         }
         h2 {
             text-align: center;
+            color: green; 
+            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: rgba(144, 238, 144, 0.844);
         }
         button {
             padding: 10px;
@@ -319,10 +325,10 @@ <h1>O R D E R - N O W</h1>
       <h2>Frosa  </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>