/* ===================== */
/* TEXT PAGE */
/* ===================== */

/* ===================== */
/* HEADER PIXELADO + FLUTUAÇÃO */
/* ===================== */

/* Header respira/flutua */
header {
  animation: floatHeader 3s ease-in-out infinite alternate;
}

/* Apenas subtítulo e links com fonte pixelada */
header .subtitle,
header nav a {
  font-family: 'VT323', monospace;
}

/* Keyframes de flutuação do header */
@keyframes floatHeader {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

/* ===================== */
/* TEXTO ESTÁTICO */
/* ===================== */

/* Aplica apenas ao conteúdo da página de texto */
.text-page,
.text-page * {
  animation: none !important;   /* remove respiração */
  transform: none !important;   /* remove qualquer rotação */
  transition: none !important;  /* remove efeitos de hover animados */
  font-family: 'IM Fell English', serif !important; /* força fonte legível */
}

/* ===================== */
/* PÁGINA DE TEXTO */
/* ===================== */

/* mantém texto parado, sem respiração ou transform */
.text-page, 
.text-page * {
  animation: none !important;
  transform: none !important;
  transition: none !important;
  font-family: 'IM Fell English', serif !important; /* força legível */
}
.text-page {
  max-width: 700px;      
  margin: 80px auto;     
  padding: 0 20px;       
  font-size: 1.2rem;
  line-height: 1.7;
  color: #111;
}

.text-archive {
  max-width: 800px;
  margin: 100px auto;
  padding: 0 20px;
}

.text-entry {
  margin-bottom: 60px;
  line-height: 1.7;
  font-size: 1.3rem; /* tamanho legível */
  color: #111;
  text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;
}

/* título como header principal */
.text-entry h2 a {
  text-decoration: none;
  color: #000;
  font-size: 2rem;
  font-style: italic;
  letter-spacing: 2px;
  text-shadow:
    -2px -2px 0 #fff,
     2px -2px 0 #fff,
    -2px  2px 0 #fff,
     2px  2px 0 #fff;
  transition: 0.3s;
}

/* data menor, discreta */
.date {
  font-size: 0.8rem;
  opacity: 0.5;
  margin-bottom: 10px;
}

/* corpo do texto sem caixa quadrada, fundo transparente */
.text-content {
  margin-top: 6px;
  font-size: 1.1rem;
  line-height: 1.6;
  white-space: pre-line; /* respeita quebras de linha */
}

/* links suavizados */
.text-entry h2 a:hover {
  letter-spacing: 4px;
  text-decoration: line-through;
}