/*Documento style_brackets_help.css*/
/*body{background-color:rgb(194, 214, 153);}*/
{
margin:0;
padding:0;
text-decoration:none;
}

body{
background-image:url(/static/img/listas-cinza-paint5.png);
}

/* Reset CSS */
*, *:after, *:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 0.95em;
  line-height: 1.5;/*espaçamento entre as linhas, se o nº for muito baixo a escrita se sobrepõe*/
}

/*Fundo do menu*/
.menu{
  width: 100%; 
  position: fixed;
  background: #191970;/*azul=========================================*/
}

/*Remove as bolinhas do lado das listas*/
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1em; /*pode-se diminuir a fonte do menu se quiser*/
  letter-spacing:0.2em; /*espaçamento entre as letras (H o m e)*/
}
/*Faz os <li>s ficarem na horizontal*/
.menu > .menu-list > li{
  position: relative;
  float: left;
}
/* Configura os links do menu principal */
.menu > .menu-list > li > a {
  padding-left: 2.0em;/*espaçamento entre as palavras (home etc.) do menu */
  padding-top: 1em;/*espaçamento entre as palavras (home etc.) do menu */
  padding-bottom: 1em;/*espaçamento entre as palavras (home etc.) do menu */
  margin: 0 5px; 
  background: #191970;/*para que a cor fique uniforme================*/
}
/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
 background: #5E5E9B; /*fundo do submenu=============================*/
}

/*Mostra o submenu no evento de mouse hover*/
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
}
/*Configura o estilo do submenu*/
.menu > .menu-list > li > .sub-menu {
  position: absolute;/*com relative os elementos se distancia e ficam maiores*/
  top: 35px;/*espaçamento entre o submenu e o topo*/
  left: 0.5em;
  z-index: 1000;
  display: none;
}
/*Configura os links do submenu*/
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 20px;/*o primeiro número aumenta o submenu na vertical, o 2º aumenta na horizontal*/
	margin-bottom: 1px; /*separa os links do submenu com uma linha*/
}
/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/*fim do cabeçalho===============================================*/


#container{
	border: 1px dotted green;
	width: 60%; /* */  
	margin: auto;
	background-color: #FFF;
	padding: 1.4em;
	}

h1{
color: orangered;
text-align: center;
font-size: 4em;
font-weight: 800;
letter-spacing: 3px; /*espaçamento entre as letras*/
line-height: 40px;
padding-top: 1em;
padding-bottom: 1em;
text-shadow: 10px 12px 3px #000; /*sombra no título*/
	-moz-hyphens:auto;  
	-ms-hyphens:auto;  
	-webkit-hyphens:auto;  
	hyphens:auto;  
	word-wrap:break-word; 
}
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .pre{
	 min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

 article p{
	color:dimgrey;
	font-family: Arial;
	font-size: 16px;
	text-align: justify;
	text-indent: 2em; 
	}

h2, h3{
text-align: center;
}

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}


/*===========início do menu-simples para o tutorial==========*/



/*===========fim do menu-simples para o tutorial==============*/

#footer{
    background-image: -webkit-linear-gradient(#191970, #F5F5DC 60%); 
        width: 100%;
	height: 80%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	color: beige;
	text-align: center;
}
/*ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt*/