馃悕馃悕馃悕
ponder.ooo
1
2.screenreader {
3 position: absolute;
4 width: 1px;
5 height: 1px;
6 padding: 0;
7 margin: -1px;
8 overflow: hidden;
9 clip: rect(0, 0, 0, 0);
10 white-space: nowrap;
11 border: 0;
12}
13
14math {
15 display: block;
16 line-height: 2em;
17}
18
19mtext {
20 padding-left: 1em;
21 padding-right: 1em;
22}
23
24msub > :last-child {
25 font-size: 0.8rem;
26 transform: translateY(0.15em);
27}
28
29msup > :last-child {
30 font-size: 0.8rem;
31}
32
33:root {
34 font-size: 1em;
35 line-height: 0;
36}
37
38.full {
39 width: 100%;
40 height: 100%;
41}
42
43* {
44 margin: 0;
45 padding: 0;
46 border: 0;
47 overflow: hidden;
48
49 box-sizing: border-box;
50
51 font-family: var(--main-font);
52
53 --panel-margin: 0.5rem;
54}
55
56body {
57 height: 100vh;
58 width: 100vw;
59 background-color: var(--main-background);
60}
61
62.target {
63 height: 100%;
64 width: 100%;
65}
66
67pre {
68 font-family: var(--code-font);
69}
70
71button {
72 border: none;
73 border-radius: 0.5em;
74 height: 1.5em;
75 background-color: var(--main-solid);
76 color: var(--main-solid-content);
77 padding-left: 1em;
78 padding-right: 1em;
79}
80
81p {
82 color: var(--main-solid);
83 line-height: 1.5rem;
84 padding-bottom: 1rem;
85}
86
87input {
88 border-top: none;
89 border-left: none;
90 border-right: none;
91 border-bottom: 1px solid var(--main-solid);
92 background-color: transparent;
93 color: var(--main-solid);
94}
95
96input:focus {
97 outline: none;
98 background-color: var(--main-faded);
99}
100
101.nothing_old {
102 position: absolute;
103 font-family: var(--code-font);
104 color: var(--main-solid);
105 top: 50%;
106 left: 50%;
107 transform: translate(-50%, -50%);
108 animation: spin 4s infinite linear;
109 animation-delay: 2.5s;
110}
111
112.theme-toggle {
113 position: absolute;
114 bottom: 2em;
115 right: 2em;
116 border: none;
117 border-radius: 50%;
118 width: 4em;
119 height: 4em;
120 background-color: var(--main-solid);
121 cursor: pointer;
122}
123
124@keyframes spin {
125 from {
126 transform: translate(-50%, -50%) rotate(0deg);
127 }
128
129 to {
130 transform: translate(-50%, -50%) rotate(360deg);
131 }
132}
133