Spaces:
Running
Running
Update style.css
Browse files
style.css
CHANGED
@@ -3,47 +3,43 @@
|
|
3 |
/* Header Style */
|
4 |
header {
|
5 |
background-color: #5072A7; /* A soothing shade of blue */
|
6 |
-
color: white; /*
|
7 |
-
padding: 10px; /* Adding padding for spacing */
|
8 |
}
|
9 |
|
10 |
/* Main Body Style */
|
11 |
body {
|
12 |
-
font-family: Arial, sans-serif; /*
|
13 |
-
color: #333333; /* Dark grey color for main text */
|
14 |
-
line-height: 1.6; /* Improved line spacing for readability */
|
15 |
}
|
16 |
|
17 |
/* Titles and Headings */
|
18 |
h1, h2, h3 {
|
19 |
-
color: #
|
20 |
-
margin-bottom: 10px; /* Adding margin for separation */
|
21 |
}
|
22 |
|
23 |
/* Buttons */
|
24 |
button {
|
25 |
-
background-color: #4CAF50; /*
|
26 |
-
color: white;
|
27 |
-
padding: 10px 20px;
|
28 |
-
margin: 10px 0;
|
29 |
-
border: none;
|
30 |
-
cursor: pointer;
|
31 |
-
border-radius: 5px;
|
32 |
-
transition: background-color 0.3s ease; /* Smooth hover transition */
|
33 |
}
|
34 |
|
35 |
button:hover {
|
36 |
-
background-color: #45a049;
|
37 |
}
|
38 |
|
39 |
/* Footer Style */
|
40 |
footer {
|
41 |
-
background-color: #333333; /* Dark
|
42 |
-
color: white;
|
43 |
-
text-align: center;
|
44 |
-
padding: 10px;
|
45 |
-
position: fixed;
|
46 |
left: 0;
|
47 |
bottom: 0;
|
48 |
-
width: 100%;
|
49 |
}
|
|
|
3 |
/* Header Style */
|
4 |
header {
|
5 |
background-color: #5072A7; /* A soothing shade of blue */
|
6 |
+
color: white; /* Ensuring the text on the header is white for contrast */
|
|
|
7 |
}
|
8 |
|
9 |
/* Main Body Style */
|
10 |
body {
|
11 |
+
font-family: Arial, sans-serif; /* Using a standard, readable font */
|
12 |
+
color: #333333; /* Dark grey color for the main text */
|
|
|
13 |
}
|
14 |
|
15 |
/* Titles and Headings */
|
16 |
h1, h2, h3 {
|
17 |
+
color: #e8ff1a; /* A darker shade of blue for headings */
|
|
|
18 |
}
|
19 |
|
20 |
/* Buttons */
|
21 |
button {
|
22 |
+
background-color: #4CAF50; /* A green color for buttons */
|
23 |
+
color: white;
|
24 |
+
padding: 10px 20px;
|
25 |
+
margin: 10px 0;
|
26 |
+
border: none;
|
27 |
+
cursor: pointer;
|
28 |
+
border-radius: 5px;
|
|
|
29 |
}
|
30 |
|
31 |
button:hover {
|
32 |
+
background-color: #45a049;
|
33 |
}
|
34 |
|
35 |
/* Footer Style */
|
36 |
footer {
|
37 |
+
background-color: #333333; /* Dark footer for contrast */
|
38 |
+
color: white;
|
39 |
+
text-align: center;
|
40 |
+
padding: 10px;
|
41 |
+
position: fixed;
|
42 |
left: 0;
|
43 |
bottom: 0;
|
44 |
+
width: 100%;
|
45 |
}
|