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