body,
html {
font-family: sans-serif;
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
#display:hover .tooltiptext {
visibility: visible;
}
div > ol > li {
line-height: 1.5em;
padding-top: 1em;
}
div > ol > ol > li {
line-height: 1.5em;
padding-top: 0;
}
#pag {
max-width: 760px;
margin: 0 auto;
}
h1 {
color: white;
background-color: dodgerblue;
padding: .5em 2em;
text-align: center;
}
#calculadora {
width: 274px;
/*border: 3px solid lightblue;*/
border: 3px solid lightgrey;
border-radius: 10px;
border-style: outset;
padding: 10px 0 10px 20px;
margin: 0 auto;
background-color: azure;
background: #b5bdc8;
background: -moz-linear-gradient(-45deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-linear-gradient(-45deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: linear-gradient(135deg, #b5bdc8 0%, #828c95 36%, #28343b 100%);
}
#display input {
width: 234px;
height: 60px;
background-color: beige;
border: 2px solid gray;
border-radius: 10px;
border-style: inset;
padding-left: 16px;
font-size: 20px;
font-weight: 400;
background: #feffe8;
background: -moz-linear-gradient(-45deg, #feffe8 0%, #d6dbbf 100%);
background: -webkit-linear-gradient(-45deg, #feffe8 0%, #d6dbbf 100%);
background: linear-gradient(135deg, #feffe8 0%, #d6dbbf 100%);
}
#teclado button {
width: 60px;
height: 60px;
color: white;
background-color: black;
margin: 2px auto;
border: 2px;
border-radius: 20%;
border-style: outset;
font-size: 16px;
font-weight: 400;
background: #000000;
background: -moz-linear-gradient(-45deg, #000000 0%, #45484d 100%);
background: -webkit-linear-gradient(-45deg, #000000 0%, #45484d 100%);
background: linear-gradient(135deg, #000000 0%, #45484d 100%);
}