Skip to content

Commit 5d4bd66

Browse files
RickJatiRickJati
authored
Create style.css
1 parent fd745d5 commit 5d4bd66

1 file changed

Lines changed: 96 additions & 0 deletions

File tree

‎style.css‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
/* Reset default browser styles */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
8+
body {
9+
font-family: 'Arial', sans-serif;
10+
line-height: 1.6;
11+
background: linear-gradient(to right, #74ebd5, #acb6e5);
12+
color: #333;
13+
}
14+
15+
/* Header styling */
16+
header {
17+
background: rgba(255, 255, 255, 0.9);
18+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
19+
}
20+
21+
nav {
22+
max-width: 1200px;
23+
margin: 0 auto;
24+
padding: 20px;
25+
display: flex;
26+
align-items: center;
27+
justify-content: space-between;
28+
}
29+
30+
nav h1 {
31+
font-size: 24px;
32+
color: #333;
33+
}
34+
35+
nav ul {
36+
list-style: none;
37+
display: flex;
38+
}
39+
40+
nav ul li {
41+
margin-left: 20px;
42+
}
43+
44+
nav ul li a {
45+
text-decoration: none;
46+
color: #333;
47+
font-weight: bold;
48+
transition: color 0.3s ease;
49+
}
50+
51+
nav ul li a:hover {
52+
color: #007bff;
53+
}
54+
55+
/* Main content styling */
56+
.hero {
57+
text-align: center;
58+
padding: 100px 20px;
59+
}
60+
61+
.hero h2 {
62+
font-size: 48px;
63+
color: #fff;
64+
margin-bottom: 20px;
65+
}
66+
67+
.hero p {
68+
font-size: 18px;
69+
color: #fff;
70+
max-width: 800px;
71+
margin: 0 auto 30px auto;
72+
}
73+
74+
.btn {
75+
display: inline-block;
76+
padding: 12px 30px;
77+
background-color: #ff6f61;
78+
color: #fff;
79+
text-decoration: none;
80+
border-radius: 5px;
81+
font-size: 18px;
82+
transition: background-color 0.3s ease;
83+
}
84+
85+
.btn:hover {
86+
background-color: #ff856a;
87+
}
88+
89+
/* Footer styling */
90+
footer {
91+
background: rgba(255, 255, 255, 0.9);
92+
text-align: center;
93+
padding: 20px;
94+
font-size: 14px;
95+
color: #333;
96+
}

0 commit comments

Comments
 (0)