]>
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); | |
422a11e2 W |
7 | @include padding-top(9rem); |
8 | @include rfs(45rem, width); | |
27bc9586 | 9 | |
a51bad1a | 10 | height: 100%; |
a51bad1a | 11 | text-align: center; |
19b7ebfa RK |
12 | display: flex; |
13 | justify-content: center; | |
14 | flex-direction: column-reverse; | |
15 | ||
422a11e2 | 16 | |
19b7ebfa | 17 | .box { |
6c3589fc | 18 | @include font-size(1.25rem); |
422a11e2 | 19 | |
27bc9586 | 20 | text-align: start; |
19b7ebfa RK |
21 | padding: 0 15px; |
22 | } | |
a51bad1a | 23 | |
767619f6 | 24 | img { |
27bc9586 | 25 | @include margin-left(auto); |
422a11e2 | 26 | @include rfs(14rem, width); |
767619f6 C |
27 | } |
28 | ||
19b7ebfa RK |
29 | @media screen and (max-width: $mobile-view) { |
30 | img { | |
27bc9586 | 31 | @include margin-right(auto); |
19b7ebfa RK |
32 | } |
33 | } | |
767619f6 | 34 | } |