body{
font-family: Arial, Helvetica, sans-serif;
background-color: #9bcf9b;
display: flex;   
justify-content: center; 
align-items: center; 
height: 100vh;
margin: 0;
}

.contenedor-conversor{
background-color: #9da2b8;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 12px #f90511;
text-align: center;
width: 320px;
}

.entradas{
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
margin-bottom: 20px;

}

input[type="number"], select{
padding: 10px;
border: 1px solid #080707;
border-radius: 5px;
font-size: 16px;
text-align: center;
width: 100%;
box-sizing: border-box;
cursor: pointer;

}

button{
background-color: #0e41e8;
color: #ffffff;
border: none;
padding: 12px 20px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
width: 100%;
}

button:hover{
 background-color: #001352;   
}

.caja-resultado{
margin-top: 20px;
font-size: 24px;
color: #000000;
}

#resultado{
font-weight: bold; 
font-size: 24px; 
color: #290379;  
}