2023-10-27 01:15:29 +00:00
|
|
|
:root {
|
|
|
|
|
--color-background: #ffffff;
|
|
|
|
|
--color-foreground: #000000;
|
|
|
|
|
--color-accent: initial;
|
|
|
|
|
|
|
|
|
|
--color-gray: #7E7E7E;
|
|
|
|
|
--color-red: #FB464C;
|
|
|
|
|
--color-orange: #E9973F;
|
|
|
|
|
--color-yellow: #E0DE71;
|
|
|
|
|
--color-green: #44CF6E;
|
|
|
|
|
--color-blue: #53DFDD;
|
|
|
|
|
--color-purple: #A882FF;
|
|
|
|
|
|
2023-10-30 04:08:57 +00:00
|
|
|
--margins: 0;
|
|
|
|
|
|
2023-10-27 01:15:29 +00:00
|
|
|
--color-node: var(--color-gray);
|
|
|
|
|
--node-group-border-width: 2px;
|
|
|
|
|
--node-file-border-width: 2px;
|
2023-10-27 08:22:19 +00:00
|
|
|
--edge-width: 2px;
|
|
|
|
|
--font-text: sans-serif;
|
|
|
|
|
--font-mono: monospace;
|
2023-10-27 01:15:29 +00:00
|
|
|
}
|
|
|
|
|
|
2023-10-30 04:08:57 +00:00
|
|
|
@media screen {
|
|
|
|
|
:root {
|
|
|
|
|
--margins: 32px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
:root {
|
|
|
|
|
--margins: 64px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-10-27 01:15:29 +00:00
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: max-content;
|
2023-10-27 08:22:19 +00:00
|
|
|
min-width: 100svw;
|
2023-10-27 01:15:29 +00:00
|
|
|
height: max-content;
|
|
|
|
|
|
|
|
|
|
background-color: var(--color-background);
|
|
|
|
|
color: var(--color-foreground);
|
|
|
|
|
}
|
|
|
|
|
|
2023-10-27 08:22:19 +00:00
|
|
|
body > h1 {
|
2023-10-30 04:11:50 +00:00
|
|
|
margin-left: var(--margins);
|
|
|
|
|
margin-right: var(--margins);
|
2023-10-27 08:22:19 +00:00
|
|
|
font-size: 4em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
font-family: var(--font-text);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code {
|
|
|
|
|
font-family: var(--font-mono);
|
|
|
|
|
}
|
|
|
|
|
|
2023-10-27 01:15:29 +00:00
|
|
|
a {
|
|
|
|
|
color: var(--color-accent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
svg line {
|
|
|
|
|
stroke: var(--color-node);
|
|
|
|
|
stroke-width: var(--edge-width);
|
|
|
|
|
}
|
