header {
    flex: 1 0 100%;  /* Ocupa 100% da largura da linha */
    background-color: #2C3E50; /* Fundo escuro para contraste */
    color: #ECF0F1; /* Texto claro para visibilidade */
    text-align: center; /* Centraliza o conteúdo */
    padding: 20px; /* Espaço interno para respiração */
    border-bottom: 5px solid #546E7A; /* Borda decorativa */
}

header h1 {
    font-family: 'Georgia', serif; /* Fonte elegante para o nome */
    font-size: 2.5em; /* Tamanho grande para destaque */
    margin: 0.5em 0; /* Espaçamento vertical ajustado */
}

header .tagline {
    font-family: 'Arial', sans-serif; /* Fonte sans-serif para a tagline */
    font-style: italic; /* Estilo itálico para efeito poético */
    color: #BDC3C7; /* Cor mais clara para a tagline */
    margin-bottom: 20px; /* Espaçamento antes do link */
}

header .site-url a {
    font-family: 'Arial', sans-serif; /* Consistência de fonte */
    color: #7F8C8D; /* Cor mais suave para o link */
    text-decoration: none; /* Sem sublinhado para limpeza */
    font-size: 0.9em; /* Tamanho menor para discreção */
    transition: color 0.3s ease;
}

header .site-url a:hover {
    text-decoration: underline; /* Sublinhado ao passar o mouse para acessibilidade */
}