]>
Commit | Line | Data |
---|---|---|
1 | body { | |
2 | background: linear-gradient(270deg, #fff 0%, #ccc 100%); | |
3 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
4 | padding: 2em; | |
5 | } | |
6 | ||
7 | h1 { | |
8 | background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%); | |
9 | color: #fff; | |
10 | padding: 0.5em 1em; | |
11 | text-transform: uppercase; | |
12 | } | |
13 | ||
14 | ul { | |
15 | list-style: none; | |
16 | } | |
17 | ||
18 | li { | |
19 | margin: 1em; | |
20 | } | |
21 | ||
22 | li h2 { | |
23 | font-size: 1.4em; | |
24 | margin: 0; | |
25 | background: linear-gradient(104deg, rgba(229,19,34,1) 95%, rgba(229,19,34,0) 95%); | |
26 | color: #fff; | |
27 | padding: 0.2em 1em 0.2em 0.5em; | |
28 | width: max-content; | |
29 | } | |
30 | ||
31 | li p { | |
32 | margin: 0; | |
33 | } | |
34 | ||
35 | li span { | |
36 | display: inline-block; | |
37 | } | |
38 | ||
39 | li .emoji { | |
40 | position: absolute; | |
41 | font-size: 4em; | |
42 | margin-left: -1.1em; | |
43 | } | |
44 | ||
45 | li .text { | |
46 | font-size: 2em; | |
47 | padding: 0.5em 1em; | |
48 | margin-left: 0.5em; | |
49 | background: #fff; | |
50 | } |