From eb2eec39a9e174ce074cd25a55b11d4b2fee0695 Mon Sep 17 00:00:00 2001
From: Fabo xw <fabianmartinezrincon.123@gmail.com>
Date: Sat, 15 Jan 2022 11:37:50 -0300
Subject: [PATCH] estilos

---
 index.html |  6 +++---
 style.css  | 35 ++++++++++++++++++++++++++++++++---
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 2753e0e..5dc578a 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ <h2>PUNTO FIJO </h2>
         <form>
           <div class="field2">
             
-             BINARIO: <label class="salidas">
+              <h4 class="Datos">BINARIO:</h4><label class="salidas">
               
               <input  type="text" name="bin" id="input_binario" autocomplete="off" placeholder="Ingrese un Binario">
               
@@ -29,14 +29,14 @@ <h2>PUNTO FIJO </h2>
           </div>
 
           <div class="field2">
-            DECIMAL: <label class="salidas">
+            <h4 class="Datos">Decimal:</h4><label class="salidasDec">
                <input  type="text" name="bin" id="input_decimal" autocomplete="off" placeholder="Ingrese un Decimal">
               
             </label>
           </div>
 
           <div class="field2">
-            BITS: <label class="salidas">
+            <h4 class="Datos">BITS:</h4><label class="salidasBit">
               <input  type="text" name="bin" id="input_bit" autocomplete="off" placeholder="Restriccion de Bits para Decimales (opcional)">
               
             </label>
diff --git a/style.css b/style.css
index 1e209f7..4b39587 100644
--- a/style.css
+++ b/style.css
@@ -21,7 +21,7 @@ body {
 
 .binary_to_decimal h2 {
   margin-bottom: 20px;
-  font-size: 3¿0px;
+  font-size: 30px;
   color: #2196f3;
 }
 .binary_to_decimal {
@@ -76,6 +76,8 @@ body {
   display: inline-block;
   color: #000;
   font-size: 1.3rem;
+  font-size: 20px;
+  
   
 }
 .field label {
@@ -121,8 +123,31 @@ body {
   display:inline-block;
   width: 404px;
   color: rgb(255, 251, 251);
-  font-size: 1.1rem;
+  font-size: 1.0rem;
   text-transform: uppercase; 
+  left: 11%;
+}
+.salidasDec{    
+
+  background:  #2195f394;
+border-radius: 5px;
+display:inline-block;
+width: 404px;
+color: rgb(255, 251, 251);
+font-size: 1.0rem;
+text-transform: uppercase; 
+left: 9.4%;
+}
+.salidasBit{    
+
+  background:  #2195f394;
+border-radius: 5px;
+display:inline-block;
+width: 404px;
+color: rgb(255, 251, 251);
+font-size: 1.0rem;
+text-transform: uppercase; 
+left: 20%;
 }
 .salidas2{   
    
@@ -235,7 +260,11 @@ h4 {
   text-transform: uppercase; 
 
 }
-
+.Datos{
+  color: #0c3455f3;
+  text-transform: uppercase; 
+  display: inline-block;
+}
 .title {
   position: absolute;
   align-items: center;