body
{
    font-family: Arial, Helvetica, sans-serif;
}

strong
{
    color: red;
}

.body
{
    border: 2px dashed black;
    width: 80%;
    height: 90%;
    margin-top: 2.5%;
    margin-left: 10%;
}

.info
{
    margin-left: 5%;
    width: 90%;
    margin-top: 3%;
    text-align: center
}

.start
{
    width: 9%;
    margin-left: 45.5%;
    text-align: center;
}

.ask
{
    text-align: center;
    width: 80%;
    height: 7%;
    margin-left: 10%;
}

.ans
{
    width: 45%;
}

#formula
{
    text-align: right;
    float: left;
}

#charge
{
    text-align: left;
    float: right;
}

#formulap
{
    padding: 2%; 
    padding-right: 7%; 
    color: blue;
}

#chargep
{
    padding: 2%; 
    padding-right: 7%; 
    color: red;
}

.input
{
    margin: 3%;
    width: 20%;
}

#formulaanswer
{
    border: 3px solid blue;
}

#chargeanswer
{
    border: 3px solid red;
}

#feedback
{
    width: 40%;
    height: 20%;
    margin-top: 20%;
    margin-left: 30%;
    border: 2px solid black;
}