Skip to content

Commit db93714

Browse files
committed
Blog post step 2 - add CSS for demo project
1 parent 90156bf commit db93714

File tree

1 file changed

+29
-0
lines changed

1 file changed

+29
-0
lines changed

style.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
:root {
2+
--color-purple: rgba(197, 18, 193, 1);
3+
--color-pink: rgba(241, 50, 50, 1);
4+
}
5+
6+
body {
7+
margin: 0;
8+
height: 100vh;
9+
display: flex;
10+
font-family: Arial;
11+
align-items: center;
12+
justify-content: center;
13+
}
14+
15+
.site__title {
16+
font-size: 100px;
17+
width: 50%;
18+
text-align: center;
19+
}
20+
21+
.site__title-text {
22+
background: -webkit-linear-gradient(
23+
34deg,
24+
var(--color-purple),
25+
var(--color-pink)
26+
);
27+
-webkit-background-clip: text;
28+
-webkit-text-fill-color: transparent;
29+
}

0 commit comments

Comments
 (0)