57 lines
1.0 KiB
CSS
57 lines
1.0 KiB
CSS
:root {
|
|
--font: #ffffff;
|
|
--dark: #1A190F;
|
|
}
|
|
|
|
html {
|
|
color: var(--font);
|
|
font-family: "Hack", "Hack Nerd Font", "JetBrains Mono", "JetBrainsMono Nerd Font", monospace, sans-serif;
|
|
|
|
background: var(--dark) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 3 1.7320508076"><path d="M0 0.8660254038h1L1.5 0h1L3 0.8660254038L2.5 1.7320508076h-1L1 0.8660254038" stroke="%23AF8CCF30" stroke-width="0.05" fill="none"/></svg>');
|
|
background-position: 1.25em 0.75em;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
main {
|
|
max-width: 800px;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
fieldset {
|
|
border-color: var(--font);
|
|
border-radius: 4px;
|
|
background-color: var(--dark);
|
|
border-width: 2px;
|
|
|
|
margin: 0 1em 1em 1em;
|
|
}
|
|
|
|
legend {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
a {
|
|
color: #AF8CCF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div {
|
|
display: flex;
|
|
& > span:nth-child(2) {
|
|
flex-grow: 1;
|
|
border-bottom: dotted 3px var(--font);
|
|
margin: 0 0.75em;
|
|
translate: 0 -0.5em;
|
|
}
|
|
|
|
& > p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|