Update static/css/index.css
Browse files- static/css/index.css +14 -10
static/css/index.css
CHANGED
|
@@ -7,15 +7,15 @@
|
|
| 7 |
|
| 8 |
body {
|
| 9 |
font-family: 'Arial', sans-serif;
|
| 10 |
-
background-color: #
|
| 11 |
-
color: #
|
| 12 |
text-align: center;
|
| 13 |
line-height: 1.6;
|
| 14 |
}
|
| 15 |
|
| 16 |
/* Header */
|
| 17 |
header {
|
| 18 |
-
background: #
|
| 19 |
color: white;
|
| 20 |
padding: 15px 0;
|
| 21 |
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
@@ -54,9 +54,9 @@ header nav ul li a:hover {
|
|
| 54 |
|
| 55 |
/* Hero Section */
|
| 56 |
.hero {
|
| 57 |
-
background: #
|
| 58 |
padding: 60px 20px;
|
| 59 |
-
color: #
|
| 60 |
}
|
| 61 |
|
| 62 |
.hero h1 {
|
|
@@ -70,9 +70,9 @@ header nav ul li a:hover {
|
|
| 70 |
}
|
| 71 |
|
| 72 |
.cta-button {
|
| 73 |
-
background-color: #
|
| 74 |
color: white;
|
| 75 |
-
padding:
|
| 76 |
text-decoration: none;
|
| 77 |
font-weight: bold;
|
| 78 |
border-radius: 5px;
|
|
@@ -80,7 +80,7 @@ header nav ul li a:hover {
|
|
| 80 |
}
|
| 81 |
|
| 82 |
.cta-button:hover {
|
| 83 |
-
background-color: #
|
| 84 |
}
|
| 85 |
|
| 86 |
/* App Embed Section */
|
|
@@ -88,6 +88,7 @@ header nav ul li a:hover {
|
|
| 88 |
margin: 40px 0;
|
| 89 |
padding: 20px;
|
| 90 |
background-color: #fff;
|
|
|
|
| 91 |
}
|
| 92 |
|
| 93 |
.app-embed h2 {
|
|
@@ -100,18 +101,21 @@ header nav ul li a:hover {
|
|
| 100 |
width: 100%;
|
| 101 |
height: 600px;
|
| 102 |
border: none;
|
|
|
|
| 103 |
}
|
| 104 |
|
| 105 |
/* Alertas */
|
| 106 |
.alertas {
|
| 107 |
-
background-color: #
|
| 108 |
padding: 20px;
|
| 109 |
margin: 40px 0;
|
|
|
|
| 110 |
}
|
| 111 |
|
| 112 |
.alertas h2 {
|
| 113 |
margin-bottom: 20px;
|
| 114 |
font-size: 1.8em;
|
|
|
|
| 115 |
}
|
| 116 |
|
| 117 |
.alert-container {
|
|
@@ -121,7 +125,7 @@ header nav ul li a:hover {
|
|
| 121 |
}
|
| 122 |
|
| 123 |
.alerta {
|
| 124 |
-
background-color: #ffcc00;
|
| 125 |
padding: 15px;
|
| 126 |
margin-bottom: 10px;
|
| 127 |
border-radius: 5px;
|
|
|
|
| 7 |
|
| 8 |
body {
|
| 9 |
font-family: 'Arial', sans-serif;
|
| 10 |
+
background-color: #d6e4d9; /* Fondo suave verde selva */
|
| 11 |
+
color: #3e4e3b; /* Tono verde oscuro */
|
| 12 |
text-align: center;
|
| 13 |
line-height: 1.6;
|
| 14 |
}
|
| 15 |
|
| 16 |
/* Header */
|
| 17 |
header {
|
| 18 |
+
background: #006400; /* Verde bosque profundo */
|
| 19 |
color: white;
|
| 20 |
padding: 15px 0;
|
| 21 |
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
|
|
| 54 |
|
| 55 |
/* Hero Section */
|
| 56 |
.hero {
|
| 57 |
+
background: #8bba76; /* Verde más suave, que evoca la naturaleza */
|
| 58 |
padding: 60px 20px;
|
| 59 |
+
color: #fff;
|
| 60 |
}
|
| 61 |
|
| 62 |
.hero h1 {
|
|
|
|
| 70 |
}
|
| 71 |
|
| 72 |
.cta-button {
|
| 73 |
+
background-color: #228b22; /* Verde hoja */
|
| 74 |
color: white;
|
| 75 |
+
padding: 12px 25px;
|
| 76 |
text-decoration: none;
|
| 77 |
font-weight: bold;
|
| 78 |
border-radius: 5px;
|
|
|
|
| 80 |
}
|
| 81 |
|
| 82 |
.cta-button:hover {
|
| 83 |
+
background-color: #1c7a1c; /* Verde más oscuro */
|
| 84 |
}
|
| 85 |
|
| 86 |
/* App Embed Section */
|
|
|
|
| 88 |
margin: 40px 0;
|
| 89 |
padding: 20px;
|
| 90 |
background-color: #fff;
|
| 91 |
+
border-radius: 8px;
|
| 92 |
}
|
| 93 |
|
| 94 |
.app-embed h2 {
|
|
|
|
| 101 |
width: 100%;
|
| 102 |
height: 600px;
|
| 103 |
border: none;
|
| 104 |
+
border-radius: 8px;
|
| 105 |
}
|
| 106 |
|
| 107 |
/* Alertas */
|
| 108 |
.alertas {
|
| 109 |
+
background-color: #f1f8f0; /* Fondo suave verde claro */
|
| 110 |
padding: 20px;
|
| 111 |
margin: 40px 0;
|
| 112 |
+
border-radius: 8px;
|
| 113 |
}
|
| 114 |
|
| 115 |
.alertas h2 {
|
| 116 |
margin-bottom: 20px;
|
| 117 |
font-size: 1.8em;
|
| 118 |
+
color: #333;
|
| 119 |
}
|
| 120 |
|
| 121 |
.alert-container {
|
|
|
|
| 125 |
}
|
| 126 |
|
| 127 |
.alerta {
|
| 128 |
+
background-color: #ffcc00; /* Amarillo alerta */
|
| 129 |
padding: 15px;
|
| 130 |
margin-bottom: 10px;
|
| 131 |
border-radius: 5px;
|