| @@ -1,51 +1,55 @@ | ||
| 1 | +@use 'global' as *; | |
| 2 | +@use '../base/fonts'; | |
| 3 | + | |
| 1 | 4 | .hsr-coming-soon-body { |
| 2 | - display: flex; | |
| 3 | - width: 650px; | |
| 4 | - height: 564px; | |
| 5 | - flex-direction: column; | |
| 6 | - align-items: center; | |
| 5 | + @include hostinger-fonts-style; | |
| 6 | + display: flex; | |
| 7 | + width: 650px; | |
| 8 | + height: 564px; | |
| 9 | + flex-direction: column; | |
| 10 | + align-items: center; | |
| 7 | 11 | } |
| 8 | 12 | |
| 9 | 13 | .hsr-coming-soon-illustration { |
| 10 | - width: 650px; | |
| 11 | - margin-bottom: 32px; | |
| 14 | + width: 650px; | |
| 15 | + margin-bottom: 32px; | |
| 12 | 16 | } |
| 13 | 17 | |
| 14 | 18 | body.hostinger { |
| 15 | - background: #F4F5FF; | |
| 16 | - display: flex; | |
| 17 | - justify-content: center; | |
| 18 | - align-items: center; | |
| 19 | - height:100vh; | |
| 20 | - overflow: hidden; | |
| 19 | + background: #F4F5FF; | |
| 20 | + display: flex; | |
| 21 | + justify-content: center; | |
| 22 | + align-items: center; | |
| 23 | + height: 100vh; | |
| 24 | + overflow: hidden; | |
| 21 | 25 | } |
| 22 | 26 | |
| 23 | 27 | .hsr-logo { |
| 24 | - width: 150px; | |
| 25 | - height: 30px; | |
| 26 | - margin-bottom: 32px; | |
| 28 | + width: 150px; | |
| 29 | + height: 30px; | |
| 30 | + margin-bottom: 32px; | |
| 27 | 31 | } |
| 28 | 32 | |
| 29 | 33 | .hsr-coming-soon-body h3 { |
| 30 | - font-weight: 700; | |
| 31 | - font-size: 24px; | |
| 32 | - line-height: 32px; | |
| 33 | - margin-bottom: 8px; | |
| 34 | + font-weight: 700; | |
| 35 | + font-size: 24px; | |
| 36 | + line-height: 32px; | |
| 37 | + margin-bottom: 8px; | |
| 34 | 38 | } |
| 35 | 39 | |
| 36 | 40 | .hsr-coming-soon-body p { |
| 37 | - color: $paragraph-color; | |
| 38 | - font-weight: 400; | |
| 39 | - font-size: 16px; | |
| 40 | - line-height: 24px; | |
| 41 | + color: $paragraph-color; | |
| 42 | + font-weight: 400; | |
| 43 | + font-size: 16px; | |
| 44 | + line-height: 24px; | |
| 41 | 45 | } |
| 42 | 46 | |
| 43 | 47 | @media only screen and (max-width: 768px) { |
| 44 | - .hsr-coming-soon-body { | |
| 45 | - width:80%; | |
| 46 | - } | |
| 48 | + .hsr-coming-soon-body { | |
| 49 | + width: 80%; | |
| 50 | + } | |
| 47 | 51 | |
| 48 | - .hsr-coming-soon-illustration { | |
| 49 | - width: 100%; | |
| 50 | - } | |
| 52 | + .hsr-coming-soon-illustration { | |
| 53 | + width: 100%; | |
| 54 | + } | |
| 51 | 55 | } |
