File tree Expand file tree Collapse file tree 1 file changed +60
-0
lines changed Expand file tree Collapse file tree 1 file changed +60
-0
lines changed Original file line number Diff line number Diff line change
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
+ }
You can’t perform that action at this time.
0 commit comments