margin-bottom: 0.5em;
}
+a:link {
+ color: var(--accent-color);
+}
+a:visited {
+ color: var(--accent-color);
+}
+a:hover {
+ color: var(--accent-color-bright);
+}
+a:active {
+ color: var(--accent-color-bright);
+}
+
/*\
|*|
|*| Overall page layout
margin-left: auto;
margin-right: auto;
padding-top: 0;
- padding-bottom: 0;
+ padding-bottom: 2em;
padding-left: 1em;
padding-right: 1em;
}
-@media screen and (min-width: 620px) and (max-width: 820px) {
+@media screen and (min-width: 720px) and (max-width: 820px) {
#page {
- padding-left: calc(1em + (100% - 820px)/2);
- padding-right: calc(1em + (100% - 820px)/2);
+ padding-left: calc(1em + (100% - 720px)/2);
+ padding-right: calc(1em + (100% - 720px)/2);
}
}
padding-top: 0.25em;
padding-bottom: 0.25em;
width: 200px;
+ cursor: pointer;
+}
+
+button.inline {
+ font-size: 72%;
+ font-weight: bold;
+ width: auto;
}
button:hover {