/*
body {
    text-align: center;
}*/

img {
    /* width: 850px;  */
    margin-bottom: 4rem;
}

.error {
    color: red;
    display: inline;
    margin-inline: 8px;
}

/*
input {
    margin-bottom: 1rem;
    padding: 5px;
    border-color: black;
    border-width: 1px;
}

button {
    font-weight: bold;
    padding: 5px 3.4rem;
    text-align: center;
}
*/

.result {
    /*funciona, mas não tem todos os browsers
    margin: auto;
    width: 30%;*/
    /*essa tb. funciona*/
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;

    border: #D8D8D8 solid 1px;
    background-color: #f8f8f8;
    padding: 10px;
    
}