|
0
|
1 * {
|
|
|
2 box-sizing: border-box;
|
|
|
3 }
|
|
|
4
|
|
|
5 body {
|
|
|
6 font-family: Bitter;
|
|
|
7 margin: 0;
|
|
|
8 }
|
|
|
9
|
|
|
10 a {
|
|
|
11 text-decoration: none;
|
|
|
12 }
|
|
|
13 a:hover {
|
|
|
14 text-decoration: underline;
|
|
|
15 }
|
|
|
16
|
|
|
17 div[content] {
|
|
|
18 margin-left: 40px;
|
|
|
19 margin-right: 40px;
|
|
|
20 text-align: center;
|
|
|
21 }
|
|
|
22
|
|
|
23 div[header] {
|
|
|
24 display: flex;
|
|
|
25 padding: 20px 40px;
|
|
|
26 justify-content: space-between;
|
|
|
27 align-items: center;
|
|
|
28 background-color: #DBD5FF;
|
|
|
29 }
|
|
|
30 img[logo] {
|
|
|
31 height: 50px;
|
|
|
32 display: block;
|
|
|
33 }
|
|
|
34 @media (min-width: 757px) {
|
|
|
35 img[logo="small"] {
|
|
|
36 display: none;
|
|
|
37 }
|
|
|
38 }
|
|
|
39 @media (max-width: 756px) {
|
|
|
40 img[logo="big"] {
|
|
|
41 display: none;
|
|
|
42 }
|
|
|
43 }
|
|
|
44
|
|
|
45 div[footer] {
|
|
|
46 padding: 20px 40px;
|
|
|
47 background-color: #DBD5FF;
|
|
|
48 color: #4E4293;
|
|
|
49 position: absolute;
|
|
|
50 bottom: 0;
|
|
|
51 width: 100%;
|
|
|
52 display: flex;
|
|
|
53 justify-content: space-between;
|
|
|
54 }
|
|
|
55 div[footer] img {
|
|
|
56 height: 40px;
|
|
|
57 display: inline-block;
|
|
|
58 }
|
|
|
59 div[footer] img[ios] {
|
|
|
60 padding-top: 4px;
|
|
|
61 padding-bottom: 4px;
|
|
|
62 }
|
