html {
        font-family: sans-serif;
            /* 1. Ruta de tu imagen */
    background-image: url('background.jpg');
    
    /* 2. Hace que la imagen cubra toda la pantalla sin deformarse */
    background-size: cover;
    
    /* 3. Evita que la imagen se repita en mosaico */
    background-repeat: no-repeat;
    
    /* 4. Centra la imagen en la pantalla */
    background-position: center;
    
    /* 5. Fija la imagen para que no se mueva al hacer scroll (opcional) */
    background-attachment: fixed;
    
    /* 6. Altura mínima para asegurar que ocupe toda la ventana */
    min-height: 100vh;
    
    /* 7. Elimina los márgenes predeterminados del navegador */
    margin: 0;
      }

      body {
        width: 50%;
        max-width: 800px;
        min-width: 480px;
        margin: 0 auto;
      }
      
      .form input[type="number"] {
        width: 200px;
      }

      .lastResult {
        color: white;
        padding: 3px;
      }