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


/*AQUI COMEÇA COMANDO RESPONSIVO PARA 320PX*/

@media screen and (max-width:320px){

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

}

body{
	
}

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


section.jogo-quadrado-magico{
	width:90%;
	height:450px;
	margin:10px auto 10px auto;
	padding:5px;
	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-019-02-fundo-quadrado-magico-3x3-interativo.png);
}

form.quadrado-magico{
	width:320px;	
	height:320px;
	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:60px;
	height:60px;
	margin: 5px;
	border: 1px solid black;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	font-size:15px;
	text-align:center;
	font-heigth: 50px;
	padding:0;
	box-shadow: 2px 2px 4px black;
}

.b1, .b9{
	background-color: white;
	color:black;
}

.b2, .b8{
	background-color: white;
	color:black;
}

.b3, .b7{
	background-color: white;
	color:black;
}

.b4, .b6{
	background-color:white;
	color:black;
}

.bsoma{
	background-color: yellow;
	color:black;
	
}

.bajuste{
	background-color: gray;
	color:black;
}

}