html{
overflow: scroll;
}
body {
background: #CEECF5;
width: 95%;
margin: 2.5%;
padding:0;
}
.header-container{
clear: both;
font-family: 'Courier', serif;
color: #424242;
background: linear-gradient(to bottom, #CED8F6 50%, #5858FA 100%);
padding-left: 2.5%;
border: groove;
margin: auto;
}
.izq{
float: left;
background: linear-gradient(to bottom, #CED8F6 25%, #5858FA 100%);
border: ghostwhite groove;
text-align: center;
padding: 2%;
margin-top: 2%;
margin-bottom: 5%;
width: 30%;
}
.calculadora{
background: linear-gradient(to bottom, #595959 25%, #000000 100%);
border-style: groove;
margin-left: 20%;
margin-right:20%;
width: 50%;
padding: 5%;
}
#visor{
background: #F2F2F2;
font-size: 1.5em;
text-align: right;
border: groove;
border: 4px inset #cccccc;
background-color: #F2F2F2;
padding-right: 1.5%;
height: 20px;
width: 80%;
}
button{
font-size: 1.1em;
background-color: white;
border-bottom-color: gray;
border: 4px outset #cccccc;
background-color: #F2F2F2;
margin-top: 5%;
height: 36px;
width: 60%;
}
.boton{
clear: both;
border: 4px outset #cccccc;
background-color: #F2F2F2;
margin-left: 0.5%;
margin-top: 5%;
height: 35px;
width: 35px;
}
footer{
clear: both;
position: relative;
display:block;
margin-top: 2.5%;
font-size: 1.5em;
color: #424242;
width:100%;
background: linear-gradient(to bottom, #CED8F6 25%, #5858FA 100%);
padding-top: 1.2%;
padding-bottom: 1.2%;
text-align: center;
}
#in{
clear: both;
float: left;
margin-bottom: 2%;
width:250px;
}