pixies

1@use "@/common/styles/colors" as *
2
3.legal-page
4  min-height: 100vh
5  padding: 8rem 4rem 4rem
6  
7.legal-container
8  max-width: 800px
9  margin: 0 auto
10
11.legal-page h1
12  font-size: 2.5rem
13  font-weight: 700
14  margin-bottom: 2rem
15  padding-bottom: 1rem
16  border-bottom: 1px solid $border-color
17
18.legal-section
19  margin-bottom: 2.5rem
20  
21  h2
22    font-size: 1.25rem
23    font-weight: 600
24    color: $text
25    margin-bottom: 1rem
26    
27  address
28    font-style: normal
29    font-size: 1rem
30    line-height: 1.8
31    color: $text-secondary
32    
33  p
34    font-size: 1rem
35    line-height: 1.8
36    color: $text-secondary
37    
38  a
39    color: $primary
40    transition: opacity 0.2s
41    
42    &:hover
43      opacity: 0.8
44
45@media (max-width: 640px)
46  .legal-page
47    padding: 6rem 1.5rem 3rem
48    
49  .legal-page h1
50    font-size: 2rem