html{
    font-size: 62.5%;
}
h1{
    font-size: 3.8rem;
    color: aliceblue;
    text-align: center;
    margin: 2%;
}
h2{
    font-size: 2.8rem;
    color: aliceblue;
    margin: 2%; 
    text-align: center;
}
body{
    background:linear-gradient(180deg,#001048 4.35%,rgba(0,2,96,.89) 24.03%,rgba(11,63,245,.84) 47.4%,#0337bcd9 65.49%,rgba(1,7,31,.9) 89.73%); 
    min-height: 95vh;   
}
.b1{
    margin: 2.0rem 3.0rem 2.0rem 16.0rem;
    display: inline-block;
}
.b2{
    margin: 2.0rem 4.0rem 2.0rem 14.0rem;
    display: inline-block;
}
.b3{
    margin: 2.0rem 14.0rem;
    display: inline-block;
}
.b4{
    margin: 2.4rem 14.0rem;
    align-items: center;
}
.b4-4{
    margin: 0 44.0rem;
}
#resultado{
    margin: 4.0rem 32.0rem;
    color: aliceblue;
}
td , th{
    border: 1px solid white;
    font-size: 2.0rem;
    padding: 1.4rem;
    text-align: center;
    color: aliceblue;
}
input {
    width: 12.0rem;
    height: 2.5rem;
    border-radius: .5rem;
}
button{
    width: 8.0rem;
    height: 3.0rem;
    border-radius: .5rem;
    border:#001048 solid 1px;
    margin: .5rem;
}
label{
    color: aliceblue;
    font-size: 1.9rem;
    display: inline-block;
    margin: 0.5rem;
}
@media screen and (max-width: 1858px) {
    .b1{
        margin: 2.0rem 3.0rem 2.0rem 2.0rem;
        display: inline-block;
    }
    .b2{
        margin: 2.0rem 2.0rem 2.0rem 1.0rem;
        display: inline-block;
    }
    #resultado2 td, th{
        border: 1px solid white;
        font-size: 1.6rem;
        padding: 1.0rem;
        text-align: center;
        color: aliceblue; 
    }
    .b4{
        margin: 2.4rem 14.0rem;
        align-items: center;
    }
    .b4-4{
        margin: 0 18.0rem;
    }
    #resultado{
        margin: 2.0rem 11.0rem;
    }
    label{
        color: aliceblue;
        font-size: 1.9rem;
        display: inline-block;
        margin: 0.5rem;
    }
  }