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 margin-bottom: 1rem;
85 margin-top: 1rem;
86 max-width: 60%;
87}
88
89input {
90 border-top: none;
91 border-left: none;
92 border-right: none;
93 border-bottom: 1px solid var(--main-solid);
94 background-color: transparent;
95 color: var(--main-solid);
96}
97
98input:focus {
99 outline: none;
100 background-color: var(--main-faded);
101}
102
103.nothing_old {
104 position: absolute;
105 font-family: var(--code-font);
106 color: var(--main-solid);
107 top: 50%;
108 left: 50%;
109 transform: translate(-50%, -50%);
110 animation: spin 4s infinite linear;
111 animation-delay: 2.5s;
112}
113
114.theme-toggle {
115 position: absolute;
116 bottom: 2em;
117 right: 2em;
118 border: none;
119 border-radius: 50%;
120 width: 4em;
121 height: 4em;
122 background-color: var(--main-solid);
123 cursor: pointer;
124}
125
126@keyframes spin {
127 from {
128 transform: translate(-50%, -50%) rotate(0deg);
129 }
130
131 to {
132 transform: translate(-50%, -50%) rotate(360deg);
133 }
134}
135