Skip to content

Commit d4a2aa7

Browse files
authored
Create styles.css
1 parent 0c7fbee commit d4a2aa7

File tree

1 file changed

+60
-0
lines changed

1 file changed

+60
-0
lines changed

styles/styles.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
background-color: #f4f4f4;
4+
margin: 0;
5+
padding: 0;
6+
}
7+
8+
header {
9+
background: #35424a;
10+
color: #ffffff;
11+
padding: 10px 0;
12+
text-align: center;
13+
}
14+
15+
nav ul {
16+
list-style-type: none;
17+
padding: 0;
18+
}
19+
20+
nav ul li {
21+
display: inline;
22+
margin: 0 15px;
23+
}
24+
25+
nav ul li a {
26+
color: #ffffff;
27+
text-decoration: none;
28+
}
29+
30+
nav ul li a:hover {
31+
text-decoration: underline;
32+
opacity: 0.8;
33+
}
34+
35+
main {
36+
max-width: 800px;
37+
margin: auto;
38+
background: #ffffff;
39+
padding: 20px;
40+
border-radius: 8px;
41+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
42+
}
43+
44+
footer {
45+
background: #35424a;
46+
color: white;
47+
padding: 10px 0;
48+
text-align: center;
49+
position: relative;
50+
bottom: 0;
51+
width: 100%;
52+
margin-top: 20px;
53+
}
54+
55+
@media (max-width: 600px) {
56+
nav ul li {
57+
display: block;
58+
margin: 10px 0;
59+
}
60+
}

0 commit comments

Comments
 (0)