h1,h2 {
color: var(--text-fg-color);
font-weight: bold;
+ margin-top: 0.5em;
}
h1 {
a:visited {
color: var(--accent-color);
}
-a:hover {
- color: var(--accent-color-bright);
+@media (hover:hover) {
+ a:hover {
+ color: var(--accent-color-bright);
+ }
}
a:active {
color: var(--accent-color-bright);
}
+strong {
+ font-weight: bold;
+}
+
/*\
|*|
|*| Overall page layout
grid-column-gap: 1em;
}
+.form-field {
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
+
.form-field.small.left,.form-field.medium.left {
grid-column-start: 1;
}
width: auto;
}
-button:hover {
- transform: translateY(-1px);
- background-color: var(--accent-color-bright);
+@media (hover:hover) {
+ button:hover {
+ transform: translateY(-1px);
+ background-color: var(--accent-color-bright);
+ }
}
:focus {
.hide-button {
color: white;
+ opacity: 0.5;
font-size: 125%;
font-weight: bold;
cursor: pointer;
top: 0;
}
-.hide-button:hover {
- color: var(--danger-color-dark);
+@media (hover:hover) {
+ .hide-button:hover {
+ opacity: 1.0;
+ }
}
/*\