------------------------------------------------------------------------- */
:root {
--bg: #D8D9CF;
+ --bg-alt: #F0EEED;
--fg: #393E46;
+ --link: #CF4DCE;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--bg: #393E46;
+ --bg-alt: #222831;
--fg: #D8D9CF;
}
}
}
a:link, a:visited {
- color: #4183C4;
+ color: var(--link);
text-decoration: none;
}
margin-bottom: 20px;
font-size: 20px;
font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
- background: #FFFFFF; /* old browsers */
- background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
- background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
+ background: var(--bg); /* old browsers */
+ background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
+ background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
border-bottom: 1px solid #dfdfdf;
}