+/* Because this is the only sizing that is sane, make it global. */
+* {
+ box-sizing: border-box;
+}
+
/*\
|*|
|*| Properties for the page: colors, etc.
/* A little color to avoid a fully monochromatic theme. */
--accent-color: #287789;
--accent-color-bright: #44c7ef;
+ --text-fg-on-accent: white;
/* Some colors intended to convey semnatics. */
--warning-color: #ffa92a;
* of the page content.
*/
#page {
- box-sizing: border-box;
max-width: var(--page-max-width-padded);
margin-left: auto;
margin-right: auto;
border-radius: 4px;
background-color: var(--accent-color);
border: none;
- color: white;
+ color: var(--text-fg-on-accent);
text-align: center;
font-size: 125%;
margin-top: .25em;