@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Special Elite', 'Courier New', monospace;
  max-width: 620px;
  margin: 3rem auto;
  padding: 0 1.5rem;
  color: #222;
  line-height: 1.9;
}

header { margin-bottom: 3rem; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; }
header h1 { font-size: 2rem; font-weight: 400; letter-spacing: 0.05em; }
header p { font-size: 0.9rem; color: #888; }

ul { list-style: none; margin-bottom: 3rem; }
li { display: flex; gap: 1.5rem; align-items: baseline; padding: 0.75rem 0; border-bottom: 1px dashed #ddd; }

.data { font-size: 0.8rem; color: #aaa; min-width: 90px; }

a { color: #222; text-decoration: none; border-bottom: 1px solid #ccc; }
a:hover { border-color: #222; }

footer { font-size: 0.8rem; color: #aaa; }

/* posts */
.voltar { display: inline-block; margin-bottom: 2rem; font-size: 0.85rem; }
h2 { font-size: 1.5rem; font-weight: 400; margin-bottom: 0.4rem; }
.meta { font-size: 0.8rem; color: #aaa; display: block; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
p { margin-bottom: 1.2rem; }