/* Text CSS */

/* /// Design Responsivo -- mobile first /// */

/* /// Posição, margens e bordas /// */
html, body{	
	border: 0;
	margin: 0;
	padding: 0;
	}

body{
	margin-top: -1.4em; /* corrige o problema da margem no topo */
	}
p:first-of-type{
	margin-top: -1em;
	}

p#volta {
	padding-top: 1em;
	}	

.exemplo p:first-of-type{
	margin-top: 0;
	}
.exemplo p{
	padding: .5em 1.6em;
}
ul#texto a, ul#texto a:link, ul#texto a:visited {
	color: #033;
}
ul#texto a:hover{
	color: #06C;
}

figure {
	margin: 0;
	padding: 0;
}
figure img{
	width: 100%;
	height: 100%;
}
figcaption{
	margin: 0;
	padding: 0.5em 0 0.2em;
}
div#container {
	max-width: 52em;
	margin: 0 auto;
	padding: 0;
	border-width: 0 0.1em;
	border-style: solid;
	}

header, article, footer{
	margin: 0;
	padding: 1em 2em;
	}

article:last-of-type{
	margin-bottom: 2em;
	}

header {
	min-height: 7em;
	}
footer {
	margin: 0;
	padding: 0 2em 1em;
	border-top: solid 0.2em;
	min-height: 5em;
	}
header h1{
	margin: 0;
	padding: 1.4em 0 0;
	}
header h2 {
	margin: 0;
	font-size: 1.2em;
}
footer h1{
	padding-top: 2em;
	font-size: 1.2em;
	}
.exemplo {
	padding: 1em 2em;
	margin: 2em 0;
}
nav.menu {
	margin: 0;
	padding: 0.05em 0;
	}

nav.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
nav.menu ul li{
	margin: 0.2em 0;
	padding: 0.3em 0 0.2em 2em;
	}

nav.menu a{
	margin: 0;
	}

code, .code {
	margin: 0;
	padding: 0.5em;
	}

code, pre.code {
	display: block; 
}

/* /// FONTES /// */
body{ /* corpo da página */
	font-family: 'Fira Sans', sans-serif; /* define a fonte para todo o documento */
	}

em { /* tag <em> usada para dar ênfase em um elemento da linha */
	font-style: italic; /* fontes sob a tag <em> ficarão em itálico */
	}
figcaption{
	font-style: italic;
	font-size: 0.95em;
}

p#volta a{  /* link para voltar ao topo */
	font-size: 0.9em; /* tamanho definido como 90% da fonte padrão (padrão = 1em = 16px) */
	}

code, .code { /* estilo das áreas de código */
	font-family: 'Fira Mono', monospace; /* família tipográfica */
	font-weight: 400; /* peso da fonte (400 = normal) */
	line-height: 1.6em; /* altura da linha = 160% (1.6em) */
	white-space: normal;
	word-break: break-all;
	padding: 1em 1.6em;
	}
.etiqueta, .atributo { /* classes usadas para identificar o código */
	font-weight: bold; /* peso da fonte (700 = negrito) */
	}

button{
	font: normal 0.8em 'Fira Sans', sans-serif;
	margin: 0 0.3em;
	padding: 0.4em 0.6em;
	border: none;
	border-radius: 0.2em;
	min-width: 6em;
}
input{
	font: normal 0.8em 'Fira Sans', sans-serif;
	border: none;
	border-radius: 0.2em;
	padding: 0.4em 0.6em;
	margin: 1em 0;
	min-width: 14em;

}
.exemplo p {
	padding: 0;
	margin: 0;
	/*line-height: 2em;*/
	margin: 1em 0;
}
#meuBox {
	margin: 1em 0;
	padding: 0;
}
.exemplo div p{
	margin: 0;
}

.exemplo p label{
	display: inline-block;
	margin: 1em 0;
	padding: 0.3em 0 0;
	min-width: 5em;
	text-align: left;
}
input.slider{
	margin: 0 0.5em 0 0;
	height: 1em;
	padding: 0;
}