[Proyecto] haga lo que hicimos en clases

body { background-color: indigo; color: white; } h1 { color: lightblue; text-align: center; font-size: 2em; } p { color: lightgray; font-size: 1.2em; line-height: 1.5; } button { background-color: orange; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: darkorange; } header { background-color: navy; padding: 20px; text-align: center; color: white; font-size: 1.5em; } footer { background-color: black; color: white; text-align: center; padding: 10px; }

body { background-color: white; color: black; font-family: Arial, sans-serif; } h1 { font-weight: normal; text-align: left; }

a { color: cyan; text-decoration: none; font-weight: bold; } a:hover { color: yellow; text-decoration: underline; } a:active { color: red; }

Hola Marcelo, espero que estés bien

Parece que estás trabajando en un proyecto de CSS y has compartido tu código. Veo que tienes estilos definidos para varios elementos HTML como body, h1, p, button, header, footer y a. Sin embargo, parece que hay algunas repeticiones y conflictos en tu código.

Por ejemplo, tienes dos definiciones para el body y h1. Esto puede causar que algunos de los estilos no se apliquen como esperas. Te recomendaría revisar cuál de las definiciones deseas mantener o combinar los estilos en una sola declaración para cada elemento.

Aquí tienes un ejemplo de cómo podrías combinar los estilos para el body y h1:

body {
    background-color: indigo;
    color: white;
    font-family: Arial, sans-serif;
}

h1 {
    color: lightblue;
    text-align: center;
    font-size: 2em;
    font-weight: normal;
}

Asegúrate de que cada elemento tenga una única definición o que las propiedades que deseas aplicar estén correctamente combinadas. Esto te ayudará a evitar conflictos y a que los estilos se apliquen de manera consistente.

Espero que esto te sea de ayuda y puedas continuar con tu proyecto. ¡Bons estudios!