diff --git a/styles/globals.css b/styles/globals.css index cd81d1d..1af8ef5 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,5 +1,4 @@ @import "color-schemes.css"; -@import "page-tweaks.css"; * { box-sizing: border-box; @@ -44,14 +43,6 @@ a:active { color: var(--anchor-active); } -.positive { - color: var(--positive); -} - -.negative { - color: var(--negative); -} - input, button { padding: 8px; @@ -86,6 +77,14 @@ input[type="submit"]:active:not([disabled]), button:active:not([disabled]) { cursor: not-allowed; } +.positive { + color: var(--positive); +} + +.negative { + color: var(--negative); +} + .square-40 { width: 40px; height: 40px; @@ -167,4 +166,48 @@ input.negative, button.negative { margin: 0; text-align: left; -} \ No newline at end of file +} + +#page-index { + display: grid; + grid-template-columns: 100%; + grid-template-rows: auto 1fr; + + justify-content: stretch; + text-align: center; + + gap: 32px; +} + +#page-index .hero-titles { + align-self: center; + grid-row: 1; +} + +#page-index .hero-titles h1 { + font-size: 10rem; +} + +#page-index .hero-titles h2 { + font-size: 2.5rem; +} + +@media (max-width: 640px) or (max-height: 640px) { + #page-index .hero-titles h1 { + font-size: 5rem; + } + + #page-index .hero-titles h2 { + font-size: 1.5rem; + } +} + +#page-index .hero-action { + align-self: start; + justify-self: center; + + grid-row: 2; + + max-width: 800px; + width: 100%; +} diff --git a/styles/page-tweaks.css b/styles/page-tweaks.css deleted file mode 100644 index e58706c..0000000 --- a/styles/page-tweaks.css +++ /dev/null @@ -1,43 +0,0 @@ -#page-index { - display: grid; - grid-template-columns: 100%; - grid-template-rows: auto 1fr; - - justify-content: stretch; - text-align: center; - - gap: 32px; -} - -#page-index .hero-titles { - align-self: center; - grid-row: 1; -} - -#page-index .hero-titles h1 { - font-size: 10rem; -} - -#page-index .hero-titles h2 { - font-size: 2.5rem; -} - -@media (max-width: 640px) or (max-height: 640px) { - #page-index .hero-titles h1 { - font-size: 5rem; - } - - #page-index .hero-titles h2 { - font-size: 1.5rem; - } -} - -#page-index .hero-action { - align-self: start; - justify-self: center; - - grid-row: 2; - - max-width: 800px; - width: 100%; -}