diff options
Diffstat (limited to 'client/src/app/+page-not-found/page-not-found.component.scss')
-rw-r--r-- | client/src/app/+page-not-found/page-not-found.component.scss | 39 |
1 files changed, 35 insertions, 4 deletions
diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss index 660f4c3b8..06c1d758e 100644 --- a/client/src/app/+page-not-found/page-not-found.component.scss +++ b/client/src/app/+page-not-found/page-not-found.component.scss | |||
@@ -1,17 +1,48 @@ | |||
1 | @import '_variables'; | ||
2 | @import '_mixins'; | ||
3 | |||
1 | .root { | 4 | .root { |
2 | height: 100%; | 5 | height: 100%; |
3 | width: 100%; | 6 | margin-left: auto; |
7 | margin-right: auto; | ||
4 | text-align: center; | 8 | text-align: center; |
5 | padding-top: 150px; | 9 | padding-top: 150px; |
10 | display: flex; | ||
11 | justify-content: center; | ||
12 | flex-direction: column-reverse; | ||
13 | |||
14 | .box { | ||
15 | text-align: left; | ||
16 | font-size: 120%; | ||
17 | padding: 0 15px; | ||
18 | } | ||
6 | 19 | ||
7 | img { | 20 | img { |
8 | margin-bottom: 75px; | 21 | margin-left: auto; |
9 | width: 220px; | 22 | width: 220px; |
10 | height: auto; | 23 | height: auto; |
11 | } | 24 | } |
12 | 25 | ||
13 | .text { | 26 | @media screen and (max-width: $mobile-view) { |
14 | font-size: 30px; | 27 | img { |
28 | margin-right: auto; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | @media screen and (min-width: $mobile-view) { | ||
33 | width: 400px; | ||
34 | } | ||
35 | |||
36 | @media screen and (min-width: #{breakpoint(lg)}) { | ||
37 | width: 600px; | ||
38 | } | ||
39 | |||
40 | @media screen and (min-width: #{breakpoint(xl)}) { | ||
41 | width: 700px; | ||
42 | } | ||
43 | |||
44 | @media screen and (min-width: #{breakpoint(xxl)}) { | ||
45 | width: 800px; | ||
15 | } | 46 | } |
16 | 47 | ||
17 | @media screen and (max-height: 600px) { | 48 | @media screen and (max-height: 600px) { |