modified index and style

praticando/index.html

@@ -39,24 +39,24 @@
 
     <div>
       <form>
-        <div class="data-running">
+        <div class="datas">
           <div>
             <label for="name">Name:</label>
-            <input type="text" name="name" placeholder="Type your name"/>
+            <input class="datas-running" type="text" name="name" placeholder="Type your name"/>
           </div>
 
           <div>
             <label for="name">Distance:</label>
-            <input type="text" name="name" placeholder="Type your distance"/>
+            <input class="datas-running" type="text" name="name" placeholder="Type your distance"/>
           </div>
 
           <div>
             <label for="name">Time:</label>
-            <input type="text" name="name" placeholder="Type your time"/>
+            <input class="datas-running" type="text" name="name" placeholder="Type your time"/>
           </div>
 
           <div>
-            <input type="submit" value="Register">
+            <button id="button">Register</button>
           </div>
         </div>
       </form>

praticando/style.css

@@ -5,7 +5,8 @@
 }
 
 body {
-  background-color: lightgray;
+  color: #fff;
+  background-color: #000;
   text-align: center;
   margin: 25px;
   display: flex;
@@ -24,12 +25,32 @@ p {
 
 table {
   background-color: lightblue;
+  color: #000;
 }
 
-.data-running {
+.datas {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   margin-top: 15px;
 }
+
+.datas-running {
+  border: none;
+  padding: 16px 32px;
+  border-radius: 16px;
+}
+
+#button {
+  border: none;
+  margin-left: 40px;
+  padding: 16px 32px;
+  border-radius: 16px;
+  font-size: 16px;
+  font-weight: 700;
+  text-transform: uppercase;
+  background-color: blue;
+  color: #fff;
+
+}