phaz.uk
this repo has no description
1:root {
2 font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
3 line-height: 1.5;
4 font-weight: 400;
5
6 color-scheme: light dark;
7 color: rgba(255, 255, 255, 0.87);
8 background-color: #242424;
9
10 font-synthesis: none;
11 text-rendering: optimizeLegibility;
12 -webkit-font-smoothing: antialiased;
13 -moz-osx-font-smoothing: grayscale;
14}
15
16a {
17 font-weight: 500;
18 color: #646cff;
19 text-decoration: inherit;
20}
21
22a:hover {
23 color: #535bf2;
24}
25
26body {
27 margin: 0;
28}
29
30h1 {
31 font-size: 3.2em;
32 line-height: 1.1;
33}
34
35h1, h2, h3, h4, h5, h6, p{
36 margin: 0;
37}
38
39button {
40 border-radius: 8px;
41 border: 1px solid transparent;
42 padding: 0.6em 1.2em;
43 font-size: 1em;
44 font-weight: 500;
45 font-family: inherit;
46 background-color: #1a1a1a;
47 cursor: pointer;
48 transition: border-color 0.25s;
49}
50
51button:hover {
52 border-color: #646cff;
53}
54
55button:focus, button:focus-visible {
56 outline: 4px auto -webkit-focus-ring-color;
57}
58
59.text-input {
60 border-radius: 8px;
61 border: 1px solid transparent;
62 padding: 0.6em 1.2em;
63 font-size: 1em;
64 font-weight: 500;
65 font-family: inherit;
66 background-color: #1a1a1a;
67 cursor: pointer;
68 transition: border-color 0.25s;
69 outline: none;
70}
71
72.text-input:hover {
73 border-color: #646cff;
74}
75
76.text-input:focus, .text-input:focus-visible {
77 border-color: #646cff;
78 outline: 4px auto -webkit-focus-ring-color;
79}
80
81.centre{
82 position: fixed;
83 top: 50%;
84 left: 50%;
85 transform: translate(-50%, -50%);
86}
87
88label{
89 user-select: none;
90 -webkit-user-select: none;
91}
92
93.error-text{
94 position: fixed;
95 bottom: 50px;
96 left: 50%;
97 max-width: 50%;
98 transform: translateX(-50%);
99}
100
101.circle{
102 width: 18px;
103 height: 18px;
104
105 background: #0f0;
106 border-radius: 50%;
107}
108
109.notification{
110 width: 300px;
111
112 position: fixed;
113 top: 10px;
114 right: 10px;
115
116 border: #646cff 2px solid;
117 padding: 10px 20px;
118
119 transition: 0.25s;
120 border-radius: 10px;
121 cursor: pointer;
122}