fix: Add style to the input field

1 files changed, 12 insertions, 6 deletions

diff --git a/index.html b/index.html
index 91cd76d..39697ff 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,6 @@ nav {
   cursor: pointer;
   color: #000;
   border-radius: 0;
-    text-transform: lowercase;
 }
 
 nav li {
@@ -72,6 +71,13 @@ nav li {
     display: flex;
 }
 
+.form-ctl {
+    border-radius: 0;
+    border-color: #888;
+    color: #343a40;
+    padding: .25rem .375rem;
+}
+
 main {
     width: 50%;
     margin: 0 auto;
@@ -91,21 +97,21 @@ main {
         </header>
         <main>
             <div class="section">
-                <input type="number" id="a" placeholder="A">
+                <input class="form-ctl" type="number" id="a" placeholder="A">
                 &nbsp;=&nbsp;
-                <input type="number" id="b" placeholder="B">
+                <input class="form-ctl" type="number" id="b" placeholder="B">
             </div>
             <div class="section">
-                <input type="number" id="c" placeholder="C">
+                <input class="form-ctl" type="number" id="c" placeholder="C">
                 &nbsp;=&nbsp;
-                <input type="number" id="resultado" disabled placeholder="Resultado">
+                <input class="form-ctl" type="number" id="resultado" disabled placeholder="Resultado">
             </div>
             <div id="warning" class="section warning">
                 <p>
                 </p>
             </div>
             <div class="section">
-                <input type="button" value="Calcular"onclick="eval()">
+                <input type="button" class="btn" value="Calcular" onclick="eval()">
             </div>
         </main>