pixies

1@use "@/common/styles/colors" as *
2
3.not-found-page
4  min-height: 100vh
5  display: flex
6  align-items: center
7  justify-content: center
8  padding: 2rem
9
10.not-found-content
11  text-align: center
12  max-width: 500px
13
14.error-code
15  font-size: 8rem
16  font-weight: 800
17  line-height: 1
18  background: linear-gradient(135deg, $primary 0%, $blue 100%)
19  -webkit-background-clip: text
20  -webkit-text-fill-color: transparent
21  background-clip: text
22  margin-bottom: 1rem
23
24.not-found-content h1
25  font-size: 2rem
26  font-weight: 700
27  margin-bottom: 0.75rem
28
29.not-found-content p
30  font-size: 1.0625rem
31  color: $text-secondary
32  margin-bottom: 0.5rem
33
34.redirect-notice
35  font-size: 0.9375rem
36  color: $text-muted
37  margin-bottom: 2rem
38
39.not-found-actions
40  display: flex
41  gap: 1rem
42  justify-content: center
43
44@media (max-width: 640px)
45  .error-code
46    font-size: 5rem
47    
48  .not-found-content h1
49    font-size: 1.5rem
50    
51  .not-found-actions
52    flex-direction: column
53    
54    .btn
55      width: 100%
56      justify-content: center