#calculadora{
	border-radius: 0.3em;
	border: solid;
	border-color: #003399;
	max-width: 40em;
	margin:auto;
	/*Gradientes*/
	  background: grey; /* si el navegador no soporta gradientes */
	  background: -webkit-linear-gradient(-90deg, #003300, #006699); /*  Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(-90deg,  #003300, #006633); /*  Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(-90deg,  #003300, #006699); /*  Firefox 3.6 to 15 */
	  background: linear-gradient(-45deg, #003300, #006699); /* Sintaxis estandar */
}

#pantalla {
	padding: 1% 1%;
	text-align: right;
	margin: 1% 10%;
	-webkit-box-shadow: 2px 2px 1px 1px #000000;
	border-radius: 0.3em;
	font-size:2em;
	background-color:#00FF33;
	width:80%;
	height:2em;
	resize: vertical;
	border: 0.01em solid black;

	}
	
#cuenta{
		text-align:right;
		width:80%;
		padding: 3% auto;
		margin-top:0.1em;
		margin-bottom:0.1em;	
		margin:auto;
		font-size:1.3em;
		background-color:#00FF00;
		border-radius: 0.3em;		
	}

#pantallita{
		text-align:center;
		font-size:0.9em;
		background-color:#00FF00;
		border-radius: 0.3em;	
		height:100%;
		overflow:auto;
		line-height:height;
		
		display:flex;
		justify-content:center;
		align-items:center;
}

#memoria{
	padding: 1% 1%;	
}



#titulo{
	text-align:center;
	margin:0.2em 8%;
	color:white;
}

.botones {
	width: 80%;
	table-layout: fixed;
	border-collapse: collapse;
	background-color:transparent;
	margin: 1% auto;
	font-weight: bold;  
	}
.botones button { 
  width: 100%;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  padding: 10% 1%;;
  margin:1%;
}

button:hover {
    background-color: #4CAF50;
    color: white;
}

.panel-footer{
	margin-top: 2% ;
	font-size:0.8em;
	padding-bottom:8%;

}