|
0
|
1 import { css } from "lit";
|
|
|
2
|
|
|
3 export const shared = css`
|
|
|
4 @import url("https://fonts.googleapis.com/css2?family=Acme&family=Oswald&display=swap");
|
|
|
5
|
|
|
6 h1 {
|
|
|
7 margin: -11px 6px;
|
|
|
8 font-family: "Acme", sans-serif !important;
|
|
|
9 }
|
|
|
10 h1 {
|
|
|
11 order: 2;
|
|
|
12 color: #fde9ff;
|
|
|
13 text-shadow: 3px 1px 1px #4af7ff, 2px 2px 1px #165bfb, 4px 2px 1px #4af7ff, 3px 3px 1px #165bfb, 5px 3px 1px #4af7ff, 4px 4px 1px #165bfb,
|
|
|
14 6px 4px 1px #4af7ff, 5px 5px 1px #165bfb, 7px 5px 1px #4af7ff, 6px 6px 1px #165bfb, 8px 6px 1px #4af7ff, 7px 7px 1px #165bfb, 9px 7px 1px #4af7ff;
|
|
|
15 }
|
|
|
16 h1 {
|
|
|
17 display: block;
|
|
|
18 position: relative;
|
|
|
19 }
|
|
|
20 h1:before {
|
|
|
21 content: attr(data-text);
|
|
|
22 position: absolute;
|
|
|
23 text-shadow: 2px 2px 1px #e94aa1, -1px -1px 1px #c736f9, -2px 2px 1px #e94aa1, 1px -1px 1px #f736f9;
|
|
|
24 z-index: 1;
|
|
|
25 }
|
|
|
26 h1:nth-child(1) {
|
|
|
27 padding-right: 2.25rem;
|
|
|
28 }
|
|
|
29 h1:nth-child(2) {
|
|
|
30 padding-left: 2.25rem;
|
|
|
31 }
|
|
|
32 `;
|
