/* allancamatti.com
   Índice no estilo patrickcollison.com: página em branco, lista alinhada à
   direita no canto superior direito, links azuis de navegador. Nada mais.
   As PÁGINAS INTERNAS não são obrigadas a seguir isso — cada uma pode ter
   o próprio <style>/<script>. O índice é que é seco. */

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 1.25rem 1.5rem;
  background: #fff;
  color: #000;
  font: 16px/1.35 Arial, Helvetica, sans-serif;
}

/* ---- índice (home) ---------------------------------------------------- */

.indice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;   /* encosta na direita, como no Collison */
  text-align: right;
}

.indice .nome {
  color: #000;             /* preto e sem link: é rótulo, não navegação */
  margin-bottom: 0.1rem;
}

.indice a {
  color: #00e;             /* azul padrão de link de navegador, de propósito */
  text-decoration: underline;
}
.indice a:visited { color: #551a8b; }

/* ---- páginas internas ------------------------------------------------- */

.pagina { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.5rem 6rem; }
.pagina .voltar { margin-bottom: 2rem; }
.pagina .voltar a { color: #00e; }
.pagina h1 { font-size: 1.35rem; font-weight: 700; margin: 0 0 1rem; }
.pagina p { margin: 0 0 1.1rem; }

/* ---- seletor de idioma: canto inferior esquerdo ----------------------- */

.idioma {
  position: fixed;
  left: 1.5rem;
  bottom: 1.25rem;
  color: #00e;
  font-size: 0.8125rem;
  text-decoration: underline;
}

/* Telas pequenas: o índice fica melhor à esquerda que espremido na direita. */
@media (max-width: 30rem) {
  .indice { align-items: flex-start; text-align: left; }
}