pixies

1@use "@/common/styles/_colors" as *
2
3.not-found-page
4  display: flex
5  flex-direction: column
6  justify-content: center
7  align-items: center
8  min-height: calc(100vh - 5rem)
9  padding: 2rem
10  text-align: center
11  color: $white
12
13.not-found-content
14  display: flex
15  flex-direction: column
16  align-items: center
17  gap: 1rem
18  max-width: 400px
19
20.not-found-icon
21  width: 100px
22  height: 100px
23  border-radius: 50%
24  background: $dark-gray
25  display: flex
26  align-items: center
27  justify-content: center
28  margin-bottom: 1rem
29
30  svg
31    color: $orange
32
33.not-found-title
34  font-size: 5rem
35  font-weight: 700
36  margin: 0
37  color: $white
38  line-height: 1
39
40.not-found-subtitle
41  font-size: 1.5rem
42  font-weight: 600
43  margin: 0
44  color: $white
45
46.not-found-description
47  font-size: 1rem
48  color: $subtext
49  margin: 0
50  line-height: 1.5
51