]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
19b7ebfa | 3 | |
767619f6 | 4 | .root { |
27bc9586 C |
5 | @include margin-left(auto); |
6 | @include margin-right(auto); | |
7 | ||
a51bad1a | 8 | height: 100%; |
a51bad1a | 9 | text-align: center; |
191764f3 | 10 | padding-top: 150px; |
19b7ebfa RK |
11 | display: flex; |
12 | justify-content: center; | |
13 | flex-direction: column-reverse; | |
14 | ||
15 | .box { | |
27bc9586 | 16 | text-align: start; |
19b7ebfa RK |
17 | font-size: 120%; |
18 | padding: 0 15px; | |
19 | } | |
a51bad1a | 20 | |
767619f6 | 21 | img { |
27bc9586 C |
22 | @include margin-left(auto); |
23 | ||
e8146195 C |
24 | width: 220px; |
25 | height: auto; | |
767619f6 C |
26 | } |
27 | ||
19b7ebfa RK |
28 | @media screen and (max-width: $mobile-view) { |
29 | img { | |
27bc9586 | 30 | @include margin-right(auto); |
19b7ebfa RK |
31 | } |
32 | } | |
33 | ||
34 | @media screen and (min-width: $mobile-view) { | |
35 | width: 400px; | |
36 | } | |
37 | ||
767619f6 C |
38 | @media screen and (max-height: 600px) { |
39 | padding-top: 50px; | |
e8146195 C |
40 | |
41 | img { | |
42 | width: 160px; | |
43 | } | |
767619f6 C |
44 | } |
45 | } |