Files: 59dd32b5a83df3b3e243a5bc34f33072e25a9701 / app / page / splash.mcss
722 bytesRaw
1 | Splash { |
2 | position: fixed |
3 | top: 0 |
4 | bottom: 0 |
5 | left: 0 |
6 | right: 0 |
7 | |
8 | |
9 | div.top { |
10 | height: 11vh |
11 | background-color: #2f5ea1 |
12 | |
13 | img.logoName { |
14 | margin: 1vw |
15 | } |
16 | } |
17 | |
18 | div.bottom { |
19 | width: 100% |
20 | height: 100% |
21 | background-size: contain |
22 | background-repeat: no-repeat |
23 | $backgroundPrimary |
24 | |
25 | padding-top: 26vw |
26 | text-align: center |
27 | |
28 | display: flex |
29 | flex-direction: column |
30 | align-items: center |
31 | |
32 | div.slogan { |
33 | color: #2f5ea1 |
34 | font-size: 2.5rem |
35 | font-family: cursive, serif |
36 | font-style: italic |
37 | line-height: 1.2 |
38 | margin-bottom: 2vw |
39 | } |
40 | |
41 | div.about { |
42 | color: #666 |
43 | font-size: 1.5rem |
44 | line-height: 1.5 |
45 | |
46 | max-width: 60vw |
47 | } |
48 | } |
49 | } |
50 | |
51 |
Built with git-ssb-web