/*Documento CCS style_historia_do_futebol.css*/

body  {    
        margin: 0;     
	padding: 0;    
	background-attachment: fixed; /*fixa o fundo*/
	background-image:url(/static/img/imagensdores/futebol/esporte-grama.jpg);
	/*background-image:url(/static/img/esporte-campo-futebol.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, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
	     
#container{
	border: 0.1em dotted black;
	width: 55%;
	padding: 1.8em;
	margin: 0 auto;
	/*height:930px;*/
        background: #F8F8F8;
	background-image:url(/static/img/imagensdores/futebol/esporte-esquema-campo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	box-shadow: 0.1em 0.5em 0.625em 0.1em;
	}
 h1{
      color: #002088;
      text-align:center;
      margin-top: 120px;
  }

 h2{
     color: #002088;
     text-align:center;
} 

 p{
 font-size: 1em;
 text-align: justify;
}  
  
  li{
   color: #B00000;
   font-size: 1.25em;
  }

#footer{  
    border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/  
    height: 80px;
    margin-top: 45px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
    text-align: center;
}