input.principal {
    font-size: 220%;
    text-align: right;
}
.campo {
    font-size: 150%;
    background-color: rgb(250, 250, 250);
    font-weight: bold;
    text-align: right;
}

#boxed-user-message {
    padding: 8px;
    font-size: 250%;
    border: 2px solid #A40000;
    text-align: center;
    margin: auto;
    margin-top: 2em;
    width: 65%;
    display: none;
}

#intro {
    padding: 1em; 
    border: 1px solid #016799;
    margin: auto;
    vertical-align: middle;
    font-size: 75%;
    background-color: rgb(250,250,250);
}

#calcular {
    font-size: 150%;
    border: 2px solid rgb(1,103,143);
    color: white;
    text-decoration: none;
    background-color: rgb(1,103,143);
    font-weight: normal;
    padding: 0.3em;
}

#calcular:hover {
    border: 2px solid rgb(1,103,143);
    background-color: white;
    color: rgb(1,103,143);
}

      input {
      font-size: 170%;
      margin-top: 1em;
     }

      select {
      font-size: 120%;     }

    hr {color: #016799;}

    .la_variable {font-size: 130%; color: #016799;}

#diagrama {
   float: right;
   margin: auto;
   width: 530px; 
   height: 430px;
}