:root { --mainbg: #dde; --mainfg: #113; --altbg: #ddc; --link1: #068; --link2: #220; --link3: #046; --accent1: #886; --accent2: #aa4; --button1: #ace; --button2: #cce; --codefg: #eee; --codebg: #000; --extlink: #8dd; } @media (prefers-color-scheme: dark) { :root { --mainbg: #002; --mainfg: #caf; --altbg: #112; --link1: #ff4; --link2: #ff2; --link3: #ff8; --accent1: #ddd; --accent2: #aaa; --button1: #564; --button2: #324; --codefg: #fff; --codebg: #000; --extlink: #8dd; } } body { background: var(--mainbg); font-family: "Exo 2", sans; } main { border:none; } body header { border:none; border-bottom: 1px solid var(--accent1); } body footer { border:none; border-top: 1px solid var(--accent1); }