body {
    background-color: powderblue;
    margin: 36px 24px;
}

h2, h4 {
    text-align: center;
}

h4 { margin-bottom: 36px; }

.instructions-wrapper {
    font-size: 12px;
}

.calculator-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 36px;
}

.calculator-grid > * { flex: 1 1 50%; }

.input-wrapper { margin-bottom: 16px; }

input[type="text"], input[type="number"] { width: 100px; }
input#name { width: 300px; }

label, span.label {
    min-width: 100px;
    display: inline-block;
}

input::-webkit-input-placeholder { text-align: end; }
input::-moz-placeholder { text-align: end; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

.calculator-actions { margin-top: 36px; }

/*body {
  margin: 150px;
  background-color: powderblue;
 
  
  
  #n2,  #n3 ,#n4,#n5,#n6,#n9{
  width: 6em;
}

  #n10,  #n11 ,#n12,#n13{
  vertical-align:middle ;
  
  
}



.wrapper{
   
       display:grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows:minmax(100px,auto); 
     gap:10px;
     
     
   
}
.one{
    grid-column: 1/3;
    grid-row: 1/2;
    text-align: center;
    #parrafo4, parrafo5,parrafo6, parrafo7,parrafo8{ text-align: left;}
    
    }
.two{
      grid-column: 1;
      grid-row: 2;
      grid-row-end:  3;
      text-align: left;
      width: 30em;
    
     background-color: white;
    
}
.three{
     grid-column-start: 2;
     grid-row-start: 2;
    grid-row-end: 3;
    text-align:right;
    
    background-color: red;
    width: 30em;
}
    
.four{
    
    grid-column: 1/3;
    grid-row: 4;
    text-align: center;
    background-color:blue;
}



}*/