diff --git a/pkg/web_server/styles.templ b/pkg/web_server/styles.templ index 9ff28b1..5a30b7b 100644 --- a/pkg/web_server/styles.templ +++ b/pkg/web_server/styles.templ @@ -52,6 +52,7 @@ templ styles() { body.index p { font-size: 1.4rem; font-family: monospace, "sans-serif"; + text-align: center; } body.index .random { @@ -74,6 +75,20 @@ templ styles() { cursor: pointer; } + @media (max-width: 900px) { + body.index h1 { + font-size: 3rem; + } + + body.index p { + font-size: 1rem; + } + + body.index .random a { + height: 60px; + font-size: 1rem; + } + } /* HEADER */ .header {