﻿@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{
	
}

/*OBSERVACAO bug bug IMPORTANTE TIVE DE DESABILITAR NO HTML section class="jogo-quadrado-magico,
pois o formulario esta estourando na lateral para celular, parece imcompatibilidade
entre FORM E SECTION*/


section.jogo-quadrado-magico{	
	width:98%;	
	height:auto;	
	margin:0px auto 0px auto;	
	padding:0px;
	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: 26px;
	/*line-height:36px;*/
	color:black;
	
	/*margin:5px 0px 5px 0px;*/
	text-shadow:yellow 1px 1px;
	text-align:center;
}

form.quadrado-magico{
	width:220px;
	/*width:252px;*/
	/*height:350px;*/
	height:auto;
	background-color:#999;
	/*margin:2px auto 2px auto;*/
	margin:1px auto 1px 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:45px;
	height:45px;
	margin: 0px;
	border: 1px solid black;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	font-size:16px;
	text-align:center;
	font-heigth:45px;
	padding:0;
	box-shadow: 2px 2px 4px black;
}

.b1, .b2, .b3, .b4, .b5, .b6, .b7{
	background-color: white;
	color:black;
}

.b8, .b9, .b10, .b11, .b12, .b13, .b14 {
	background-color: white;
	color:black;
}

.b15, .b16, .b17, .b18, .b19, .b20, .b21{
	background-color:white;
	color:black;
}

.b22, .b23, .b24, .b25, .b26, .b27, .b28{
	background-color:white;
	color:black;
}

.b29, .b30, .b31, .b32, .b33, .b34, .b35{
	background-color:#white;
	color:black;
}

.b36, .b37, .b38, .b39, .b40, .b41, .b42{
	background-color:#white;
	color:black;
}

.b343, .b44, .b45, .b46, .b47, .b47, .b49{
	background-color:#white;
	color:black;
}


.btotal{
	background-color:yellow;	
}

.bajuste{
	background-color:gray;

}

/*ESTE SELETOR DIV ROLAGEM É SEMELHANTE A PAG O12-25
O JOGO ESTAVA ESTOURANDO AS LATERAIS
ENTAO SURGIU A IDEIA DE POR JANELA OVERFLOW
EM VEZ DE IFRAME(PORQUE IFRAME DÁ BUG) */

div#janela-rolagem-numerok{
	height:auto;
	overflow:auto;
	border:2px solid yellow;
	
}




}