h1 {
    text-align: left; 
    margin-left: 50px;
    border-color: black;
    background-color: rgb(53, 49, 63);
    
    /*font-size: 50px; */
    /*font-family: sans-serif; */
}


body {

    background-image: url("pizza.jpg");
}



.calculadora{
    padding-top: 30px; /* espacio en la parte de arriba */
    padding-bottom: 30px; /* espacio en la parte de abajo */
    background-color: rgba(83, 78, 77, 0.4);
    border-radius: 20px; /* redondeo de las esquinas */
    border: 5px ridge; 
    border-color: rgba(19, 4, 16, 0.6);
    background-image: url('fondo.jpg');
    text-align: center; 
    margin-top: 150px; /* espacio por encima de la calculadora */
    margin-right: auto; /* espacio dcha de la calculadora */
    margin-left: auto; /* espacio izq de la calculadora */
    width: 450px; /* ancho de la calculadora */
    height: 451px; /* largo de la calculadora */

}

.display {
    background-color: rgba(240, 251, 255, 0.8); /* fondo del display */
    color: rgba(25, 25, 25, 0.9); /* color de los numeros en el display */
    text-align: right; 
    font-size: 30px; /* tamaño números en el display */
    /* sin border-radius para que quede rectangular completo */
    width: 380px;
    height: 60px;
    border: 5px ridge; /* borde amarillo con un poquito de grosor */
    border-color: rgba(247, 217, 52, 0.6);
    margin-left: 30px; /* separo el display de la izquierda */
}
  
.teclas {
  
    color: black;
    padding: 34px; /* con esto, separo las letras del display un poco*/
    font-size: 42px; /* espaciado entre las teclas */
    margin-left: 25px;
    margin-right: 15px;
    width: 300px;

}


button{
    font-family: "garamond";
    font-size: 40px;
    border-radius: 10px;
    /*background-color: seagreen;*/
}
#color1 {
    background-color: steelblue;
}
#color2 {
    background-color: rgb(120, 218, 111)
}
#color3 {
    background-color: rgb(101, 67, 121);
}
#color4 {
    background-color: rgb(219, 76, 57);
}
#color5 {
    background-color: rgb(255, 34, 181);
}

#color6 {
    background-color: rgb(68, 50, 226);
}
#color7 {
    background-color: rgb(220, 223, 46);
}
#color8 {
    background-color:orange;
}

#color9 {
    background-color: rgb(240, 17, 17);
}
#color10 {
    background-color: rgb(172, 222, 231);
}