diff options
Diffstat (limited to 'src/main.css')
| -rw-r--r-- | src/main.css | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/main.css b/src/main.css new file mode 100644 index 0000000..2c53965 --- /dev/null +++ b/src/main.css @@ -0,0 +1,63 @@ +html, body { + margin: 0; + padding: 0; + border: 0; + background-color: grey; +} +footer { + border-top: 2px solid black; + font-weight: bold; +} +footer > center > p { + margin: 0; +} +body { + display: flex; + flex-direction: column; + height: 100vh; + width: 100vw; +} +#content { + flex-grow: 1; + max-width: 70vw; + margin: auto; + display: flex; + flex-direction: column; +} +form { + display: flex; + flex-direction: column; + max-width: 40vw; + align-self: center; +} +form > label { + margin-top: 6px; +} + +input:invalid { + border: 2px dotted red; +} + +bold { + font-weight: bold; + color: red; + background-color: black; +} + +:root { + --primary: #efefef; + --text-primary: #222; +} + +@media (prefers-color-scheme: dark) { + :root { + --primary: #222; + --text-primary: #eee; + } +} + +@media screen and (max-width: 500px) { + #content { + max-width: unset; + } +}
\ No newline at end of file |