html {
image-rendering: pixelated;
}
body {
background-image: url("../img/bg2.gif");
background-color: #ffffcc;
color: #000000;
font-family: serif;
max-width: 34em;
margin: 2em;
}
main, nav {
background-color: #ffffcc;
padding: 1em;
}
a:link {
color: #ff2266;
}
a:visited {
color: #993366;
}
hr {
border: solid 1px #993366;
}
@media (width >= 70em){
body {
max-width: 68em;
}
}
@media (prefers-color-scheme: dark){
body {
background-image: url("../img/bgd.gif");
background-color: #000000;
color: #ccff99;
}
main, nav, h1 {
background-color: #000000;
}
a:link {
color: #99ff66;
}
a:visited {
color: #66cc66;
}
hr {
border: solid 1px #003333;
}
}