body{
        background-color: aliceblue;
    }
h1 {color: firebrick;
    align-content: center;
    text-align: center;
    background-color:bisque;
    border-radius: 30px;
    width: 700px;
    display:inline-block;
    padding: 5px 20px;
    margin: 0px;
}
li{
    font-size: 0.8em;
    margin: 10px 10%;
    text-align: justify;
    
}
.calculadora {
    width: 400px;
    padding: 3px;
    float: center;
    background-color: darkgrey;
    border-radius: 20px;
    display: inline-block;
}
.cont_numeros {
    float: left;
    width: 200px;
    margin: 0px;
    margin-bottom: 15px;
}
.cont_operadores {
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
}
.numeros {
    width: 33.3%;
    height: 70px;
    background: darkgrey;
    float: left;
    border-width: 1.3px;
    font-size: 1.6em;
}
.cero {
    width: 100%;
    height: 70px;
    background: darkgrey;
    outline: 0px;
    float: left;
    border-width: 1.3px;
    font-size: 1.6em;
}
.operadores {
    width: 33.3%;
    height: 70px;
    background: orange;
    float: left;
    border-width: 1.3px;
    font-size: 1.6em;
}
.parte_entera {
    width: 66.6%;
    height: 70px;
    background: orange;
    outline: 0px;
    float: left;
    border-width: 1.3px;
    font-size: 0.7em;    
}
.num {
    width: 100%;
    height: 1.2em;
    margin: 0px;
    margin-top: 15px;
    padding: 0px;
    background: black;
    font-size: 2em;
    color: antiquewhite;
    text-align: right;
    float: left;
    border-width: 0px;
}

}
.clear {
    clear: both;
}
button:focus{
    outline: 0px;        
}
body {
    font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;
    text-align: center;
    font-size: 24px;
}