/*Documento CSS style-introducao.css*/

body  {    
        margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background-image:url(/static/img/textura-escura2.jpg);
	/*background-repeat: no-repeat;
	background-position: 5px;*/
	} 

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #div, #div1, .h2, .h3, .p, #Termos, .ul, .li, .a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
   
#container{/*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço entre as duas, não funciona*/
	width: 50%; /*largura da div, onde estão todos elementos*/
	/*height: 60px; /*tirar a altura por causa do texto, se o texto for pequeno dá para deixar*/
	border:1px dotted black; /*C0C0C0;*/
	margin: 0 auto;/*centraliza a página*/
	background-color:#F0F0F0; 
	padding:3em;/*afasta o texto das margens da div e não do browser*/	  
	font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	color: dimgrey;
	font-size: 1em;/* aumenta a fonte do texto dentro da div -tamanho em pixels*/ 
	}
	  
em {
   color: #009933; /*verde*/
}	

/*h2 {
color: blue;
text-decoration: underline;
}*/	

h3{
   font-family: "Comics Sans  MS"; /*fonte do cabeçalho Iniciando no Mundo Web*/
   color:dimgray;
}

#div1{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço entre as duas, não funciona*/
width: 60%; /*largura da div, onde o texto está inserido*/
/*height: 60px; /*tirar a altura por causa do texto, se o texto for pequeno dá para deixar*/
border: 0.1em dotted black; /*C0C0C0;*/
margin: 0 auto;/*centraliza a página*/
padding:3em;/*afasta o texto da margem esquerda da div e não do browser*/	  

font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;
font-size: 1em;/* aumenta a fonte do texto dentro da div -tamanho em pixels*/ 
}