Skip to content

Commit 4961adb

Browse files
authored
Add initial CSS styles for the project
1 parent a89c886 commit 4961adb

File tree

1 file changed

+73
-0
lines changed

1 file changed

+73
-0
lines changed

assets/style.css

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
2+
3+
body {
4+
margin: 0;
5+
font-family: 'Inter', sans-serif;
6+
background-color: #0e0e0e;
7+
color: #f0f0f0;
8+
text-align: center;
9+
line-height: 1.6;
10+
}
11+
12+
header.hero {
13+
padding: 6rem 2rem 3rem;
14+
background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%);
15+
}
16+
17+
.logo {
18+
width: 120px;
19+
margin-bottom: 1rem;
20+
}
21+
22+
h1 {
23+
font-size: 2.8rem;
24+
margin-bottom: 0.3rem;
25+
color: #ff3b3b;
26+
}
27+
28+
.tagline {
29+
color: #ffb86c;
30+
font-size: 1.2rem;
31+
font-weight: 500;
32+
}
33+
34+
section {
35+
max-width: 800px;
36+
margin: 3rem auto;
37+
padding: 0 2rem;
38+
}
39+
40+
h2 {
41+
color: #ff3b3b;
42+
font-size: 1.6rem;
43+
margin-bottom: 1rem;
44+
}
45+
46+
ul {
47+
text-align: left;
48+
margin: 0 auto;
49+
padding-left: 1.2rem;
50+
}
51+
52+
.button {
53+
display: inline-block;
54+
background: #ff3b3b;
55+
color: #fff;
56+
padding: 0.8rem 1.8rem;
57+
border-radius: 2rem;
58+
text-decoration: none;
59+
font-weight: 600;
60+
transition: background 0.2s ease;
61+
}
62+
63+
.button:hover {
64+
background: #ff5959;
65+
}
66+
67+
footer {
68+
margin-top: 3rem;
69+
padding: 2rem 0;
70+
background-color: #111;
71+
color: #999;
72+
font-size: 0.9rem;
73+
}

0 commit comments

Comments
 (0)