From 8f7ac847121fdca3b94d49162814088df3b3a683 Mon Sep 17 00:00:00 2001
From: vinicius <viniciusfer263@gmail.com>
Date: Thu, 11 May 2023 21:03:18 +0000
Subject: [PATCH] modified index and style

---
 praticando/index.html | 10 +++++-----
 praticando/style.css  | 25 +++++++++++++++++++++++--
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/praticando/index.html b/praticando/index.html
index 2532bfd..e01655d 100644
--- a/praticando/index.html
+++ b/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>
diff --git a/praticando/style.css b/praticando/style.css
index 88ed6a6..6212eff 100644
--- a/praticando/style.css
+++ b/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;
+
+}