38 lines
697 B
CSS
38 lines
697 B
CSS
:root {
|
|
--color-background: #FFD4D4;
|
|
--color-text: #272727;
|
|
--highlight: rgba(225,0,0,.2)
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--color-background: #333;
|
|
--color-text: white;
|
|
--highlight: rgba(225,0,0,.3)
|
|
}
|
|
}
|
|
|
|
html, body {
|
|
background-color: var(--color-background);
|
|
color: var(--color-text)
|
|
}
|
|
|
|
body {
|
|
margin: 1em auto;
|
|
max-width: 40em;
|
|
padding: 0.62em 3.24em;
|
|
font: 1.2em/1.62 sans-serif;
|
|
transition: color 0.5s, font-size 0.5s;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
background: linear-gradient(180deg,rgba(255,255,255,0) 55%, var(--highlight) 45%);
|
|
transition: color 0.5s, font-size 0.5s;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.title {
|
|
line-height: 0.5;
|
|
}
|