pixies

1@use "colors" as *
2
3body, html
4  margin: 0
5  height: 100vh
6  overflow-x: hidden
7  background-color: $background
8  font-family: "Inter", sans-serif
9  font-weight: 600
10  position: relative
11
12body::before
13  content: ""
14  position: fixed
15  top: -30%
16  left: 50%
17  transform: translateX(-50%)
18  width: 150%
19  height: 80%
20  background: radial-gradient(ellipse at center, rgba(16, 185, 129, 0.06) 0%, transparent 60%)
21  pointer-events: none
22  z-index: 0
23
24#root
25  position: relative
26  z-index: 1
27
28::-webkit-scrollbar
29  width: 12px
30  background: $background
31
32::-webkit-scrollbar-track
33  background: $background
34  border-radius: 10px
35  margin: 5px
36
37::-webkit-scrollbar-thumb
38  background: $light-gray
39  border-radius: 10px
40  border: 3px solid $background
41  min-height: 40px
42
43::-webkit-scrollbar-thumb:hover
44  background: $subtext
45
46::-webkit-scrollbar-thumb:active
47  background: $white
48
49.speedtest-icon
50  font-size: 26pt
51  color: $white
52  margin-right: 10px
53
54.container-icon
55  width: 35px
56  height: 35px
57  color: $white
58  font-size: 26pt
59
60.help-icon
61  cursor: help
62
63.icon-red
64  color: $accent-danger
65
66.icon-error
67  color: $accent-danger
68  filter: brightness(0.9)
69
70.icon-green
71  color: $accent-primary
72
73.icon-orange
74  color: $accent-warning
75
76.icon-blue
77  color: $blue
78
79main
80  display: flex
81  flex-direction: column
82  align-items: center
83  margin-left: 1rem
84  margin-right: 1rem
85
86@keyframes opacity
87  0%
88    opacity: 0
89  100%
90    opacity: 1
91
92@keyframes fadeIn
93  0%
94    opacity: 0
95    transform: scale(0.95)
96    filter: blur(2px)
97  100%
98    opacity: 1
99    transform: scale(1)
100
101@keyframes fadeOut
102  0%
103    opacity: 1
104    transform: scale(1)
105  100%
106    opacity: 0
107    transform: scale(0.95)
108    filter: blur(2px)
109
110@media (max-width: 730px)
111  ::-webkit-scrollbar
112    width: 5px