diff options
| -rw-r--r-- | _shared/404.html | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/_shared/404.html b/_shared/404.html index 52e0240..46ae838 100644 --- a/_shared/404.html +++ b/_shared/404.html @@ -8,27 +8,30 @@ <style> @font-face { font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Regular.woff2); font-weight: normal; } @font-face { font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Bold.woff2); font-weight: bold; } -* { unicode-bidi: plaintext; box-sizing: border-box; } +@font-face { font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Light.woff2); font-weight: light; } +* { unicode-bidi: plaintext; } html { color: black; background-color: white; } body { font-family: "Kawkab Mono"; font-size: 16px; line-height: 1.4; margin: 0; padding: 4rem 0; min-height: 100%; overflow-wrap: break-word; } -main, header, footer { max-width: 800px; margin-inline: auto; padding: 0 2rem; } h1, header, footer { text-align: center; } +nav { text-align: start; } main { text-align: justify; } +main, header, footer { max-width: 800px; margin-inline: auto; padding: 0 2rem; } +p, h2, h3, h4 { margin: 1em 0 0 0; } hr { border: none; border-top: thin solid; margin: 1.25rem 0; } header { margin-bottom: 1em; } footer { margin-top: 3em; } -a { color: inherit; } @media (max-width: 600px) { body { font-size: 0.9em; } h1 { font-size: 1.8em; } } @media (max-width: 400px) { body { font-size: 0.8em; } h1 { font-size: 1.6em; } } -@media (prefers-color-scheme: dark) { html { filter: invert(1); } } +@media (prefers-color-scheme: dark) { html { filter: invert(1); } img { filter: invert(1); } } </style> </head> <body> <header> -<h1><a href="https://gumx.cc">gumx</a></h1> +<nav><strong><a href="https://gumx.cc">gumx</a></strong></nav> </header> <main> -<p>404 not found.</p> +<h1>404</h1> +<p>not found.</p> </main> <footer> <hr> |