/* Estilos para o body */
body {
    background-color: #f0f0f0; /* Cor de fundo suave */
    color: #222; /* Cor de texto padrão escura */
    background-image: url('https://via.placeholder.com/1920x1080/e0e0e0/666666?text=Textura+Leve'); /* Imagem de fundo leve (substitua por uma URL real) */
    background-size: cover; /* Ocupa toda a tela */
    background-attachment: fixed; /* Fixa a imagem */
    background-position: center; /* Centraliza */
    margin: 0;
    padding: 20px;
    font-family: Arial, sans-serif;
}

/* Estilos para o título principal (h1) */
h1 {
    background-color: rgba(0, 0, 128, 0.7); /* Azul escuro com transparência */
    color: white; /* Texto branco */
    text-align: center; /* Centralizado */
    padding: 20px;
    margin-bottom: 10px;
}

/* Estilos para o subtítulo (h2) */
h2 {
    background: linear-gradient(to right, #0077ff, #00c3ff); /* Gradiente horizontal */
    color: white; /* Texto com bom contraste */
    padding: 15px;
    margin-bottom: 20px;
}

/* Estilos para os parágrafos (p) */
p:nth-child(3) { /* Primeiro parágrafo */
    background-color: lightyellow;
    color: #333; /* Contraste */
    padding: 10px;
    margin-bottom: 10px;
}

p:nth-child(4) { /* Segundo parágrafo */
    background-color: lightgreen;
    color: #333; /* Contraste */
    padding: 10px;
    margin-bottom: 10px;
}

p:nth-child(5) { /* Terceiro parágrafo */
    background-color: rgba(255, 255, 255, 0.6); /* Fundo com transparência */
    color: #333; /* Contraste */
    padding: 10px;
    margin-bottom: 10px;
}


.fundo-diferente {
    background-image: url('https://via.placeholder.com/800x400/cccccc/000000?text=Textura+Destaque'); /* Imagem de fundo específica (substitua por uma URL real) */
    background-repeat: no-repeat; /* Não repetir */
    background-position: center; /* Centralizar */
    background-size: cover; /* Ajustar para cobrir */
    color: white; /* Texto branco */
    padding: 20px;
    margin: 20px 0;
    font-weight: bold;
}

/* Estilos para o rodapé (footer) */
footer {
    background-color: #333; /* Fundo escuro */
    color: white; /* Texto branco */
    text-align: center; /* Centralizado */
    padding: 15px; /* Espaçamento interno */
    margin-top: 20px;
}