/* Arquivo de estilo (CSS) desta página */

/* Define a fonte e um espaço nas bordas da página */
body {
	/* Escolhe uma fonte simples e comum */
	font-family: Arial, sans-serif;
	/* Cria uma “margem” (espaço) ao redor de tudo */
	margin: 24px;
}

/* Limita a largura do conteúdo principal */
main {
	/* Evita o texto ficar muito largo em telas grandes */
	max-width: 720px;
}

/* Estilo do botão */
button {
	/* Aumenta o “enchimento” interno do botão */
	padding: 10px 14px;
	/* Mostra a mãozinha quando passa o mouse */
	cursor: pointer;
	/* Dá um pequeno espaço entre um botão e outro */
	margin-right: 8px;
}

/* Estilo da área onde aparece a mensagem */
#saida {
	/* Dá um espaço acima da caixa */
	margin-top: 12px;
	/* Dá um espaço interno para o texto não colar na borda */
	padding: 10px;
	/* Coloca um fundo cinza bem claro */
	background: #f2f2f2;
}

/* Deixa o título vermelho quando esta classe estiver ligada */
.titulo-vermelho {
	/* Muda a cor do texto para vermelho */
	color: red;
}

/* Deixa o título azul quando esta classe estiver ligada */
.titulo-azul {
	/* Muda a cor do texto para azul */
	color: blue;
}