Cambios de Colores en CSS

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense para saber los atributos posibles.
+    // Mantenga el puntero para ver las descripciones de los existentes atributos.
+    // Para más información, visite: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Iniciar Chrome para localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

estilo.css

@@ -1,12 +1,12 @@
 body {
     font-family: Arial, sans-serif;
     margin: 0;
-    background-color: #f4f6f8;
+    background-color: #0c5297;
     color: #333;
 }
 
 header {
-    background-color: #2c3e50;
+    background-color: #869215;
     color: white;
     padding: 20px;
     text-align: center;

index.html

@@ -15,7 +15,7 @@
         <div class="card">
             <h2>Deportes favoritos</h2>
             <ul>
-                <li>Fútbol</li>
+                
                 <li>Básquet</li>
                 <li>Natación</li>
             </ul>
@@ -24,7 +24,7 @@
         <div class="card">
             <h2>Comidas favoritas</h2>
             <ul>
-                <li>Pizza</li>
+                <li>Pure</li>
                 <li>Asado</li>
                 <li>Empanadas</li>
             </ul>
@@ -36,6 +36,7 @@
                 <li>Leer</li>
                 <li>Programar</li>
                 <li>Escuchar música</li>
+                <li>Cocinar</li>
             </ul>
         </div>
     </div>