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

*{
margin:0;
padding:0;
box-sizing:border-box;

}

body{
	
}


section.jogo-quadrado-magico{
	width:90%;
	/*height:700px;*/
	height:auto;
	margin:10px auto 10px auto;
	padding:10px;
	background-color:#2b7cb4;
	border-radius:5px;
	border: 0.5px solid rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px black;
	background-image:url(../imagem-13-jogos-matematicos/013-020-03-fundo-quadrado-magico-4x4-interativo.png);
}

h3.titulo-jogo-matematico{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 28px;
	/*line-height:36px;*/
	color:white;
	
	/*margin:5px 0px 5px 0px;*/
	text-shadow:black 2px 2px;
	
	text-align:center;
}

form.quadrado-magico{
	width:400px;
	height:400px;
	background-color:#999;
	margin:10px auto 10px auto;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	box-sizing:border-box;
	border-radius:5px;
	box-shadow: 3px 3px 6px black;
	/*background:url(../imagem-13-jogos-matematicos/013-019-02-fundo-quadrado-magico-3x3-interativo.png);*/
	/*background-repeat: repeat-y;*/
	/*background-position: 50%;*/
	
}

input{
	width:50px;
	height:50px;
	margin: 5px;
	border: 1px solid black;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	font-size:16px;
	text-align:center;
	font-heigth: 50px;
	padding:0;
	box-shadow: 2px 2px 4px black;
}

/*vemelho*/
.b1, .b7, .b12, .b14 {
 background-color: #FF9B9B;
}

/*verde*/
.b5, .b3, .b10, .b16   {
 background-color: #B7FFB7;
}


/*azul*/
.b9, .b4, .b6, .b15{
 background-color: #7DBEFF;
}


/*laranja*/
.b13, .b2, .b8, .b11  {
 background-color: #FC3;
}




/*.b1, .b6, .b11, .b16{
	background-color: yellow;
	color:black;
}*/

/*.b4, .b7, .b10, .b13{
	background-color: yellow;
	color:black;
}*/

/*.b5, .b9, .b2, .b14{
	background-color:white;
	color:black;
}*/

/*.b3, .b15, .b8, .b12{
	background-color:white;
	color:black;
}*/



.btotal{
	background-color: #FFC;
	
}