@charset "utf-8";
/* CSS Document */

*{
    box-sizing: border-box;
    margin: auto;
}

/*header{
    margin-top: 20px;
    width: 60%;
    text-align: center;
    background-color: blue;
    color: aliceblue;
    padding: 5px;
}*/



h3.titulo-calculadora{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*line-height:36px;*/
	color:#FFF;
	
	margin:5px 0px 5px 0px;
	text-shadow:#000 1px 1px;
	text-align:center;
}

h5.titulo-calculadora-rodape{
	/*font-weight:bold;*/
	/*color:#fff;*/
	/*background:black;*/
	background:rgb( 81, 190, 245);
	/*background:#636363;*/
	/*background:rgba(43,124,180,0.8);*/
	color:transparent;
	text-shadow: rgba(0, 125, 186, 0.4) 2px 2px 1px;
	/*text-shadow: rgba(245, 245, 245, 0.4) 2px 2px 1px;*/
	text-align:center;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	background-clip:text;
	/*margin:10px 0px 0px -5px;*/
	margin-bottom:5px;
	
}


/*section#formula-bhaskara{
	width: 90%;
	margin: 50px 50px 50px 20px;
	height: 550px;
	height: auto;
	background-color:rgba(43,124,180,0.8);
	border-radius: 10px;
	padding:10px 0px 5px 0px;
}
*/

form{
   margin: 50px auto 50px auto;
   /* width: 60%;*/
	width: 95%;
	height: 650px;
    text-align: center;
	/*background-color:rgba(43,124,180,0.8);*/
/*	background-image: linear-gradient(-45deg, gray, gray, lightgray, gray, lightgray, gray,lightgray, gray, gray);*/	
	/*border-radius: 10px;*/
	background-color: #005C8F;
	background-image:url(../imagem-13-jogos-matematicos/013-019-02-fundo-quadrado-magico-3x3-interativo.png);
	background-repeat: no-repeat;
	background-position: top  right ;
	
	
	
}

/*form img{
    float: left;
    
}*/

input{
	height: 70px;
    border-radius: 5px;
    padding: 5px;
	font-size:24px;
	font-weight: bold;
	/*font-size:18px;*/
	box-shadow:2px 2px 2px  #333333;
	border:none;
	text-align:center;
}

.campos{
    margin-top: 15px;
}

.buttons{
	height: 70px;
    margin-top: 10px;
	font-size:20px;
}

button{
	width: 85px;
	height: 70px;
    padding: 5px;
    border-radius: 5px;
   /* background-color: #005C8F;*/
	background-color: #0080C0;
    color:white;
	font-size:18px;
    font-weight: bold;
	box-shadow:2px 2px 2px  #333333;
	border:none;
}

button:hover{
	background-color: #999;
	
}

#resultado{
	/*DEIXAR ALTURA DESLIGADA*/
	/*height: 70px;*/
    margin-top:10px;
    background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:24px;
	font-weight: bold;
	line-height:50px;
	text-align:center;
}