body {
    background-color: #f2e5bc;
    color: #282828;
}
    a:link {
	color: #076678;
    }
    /*a:visited {
	color: #8f3f71;
    }*/
code, pre > code {
    font-family: "Ubuntu Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    color: #af3a03;
}
code .bu {
    font-weight: bold;
}
a:link, .tufte-underline, .hover-tufte-underline:hover {
    text-shadow: 0.03em 0 #fbf1c7, -0.03em 0 #fbf1c7, 0 0.03em #fbf1c7, 0 -0.03em #fbf1c7, 0.06em 0 #fbf1c7, -0.06em 0 #fbf1c7, 0.09em 0 #fbf1c7, -0.09em 0 #fbf1c7, 0.12em 0 #fbf1c7, -0.12em 0 #fbf1c7, 0.15em 0 #fbf1c7, -0.15em 0 #fbf1c7;
}
    th, h1, h2 {
	color: #79740e;
    }

nav > ul {
    float: right;
    clear: right;    
    width: 40%;
    position: relative;
}

.sidenote::before, .sidenote-number {
    color: #d79921;
}

/* dark mode */
@media (prefers-color-scheme: dark) {
    body {
	background-color: #32302f;
	color: #fbf1c7;
    }
    a:link, .tufte-underline, .hover-tufte-underline:hover {
	text-shadow: 0.03em 0 #282828, -0.03em 0 #282828, 0 0.03em #282828, 0 -0.03em #282828, 0.06em 0 #282828, -0.06em 0 #282828, 0.09em 0 #282828, -0.09em 0 #282828, 0.12em 0 #282828, -0.12em 0 #282828, 0.15em 0 #282828, -0.15em 0 #282828;
    }
    a:link {
	color: #83a598;
    }
    /*a:visited {
	color: #d3869b;
    }*/
    code, pre > code {
	color: #b8bb26;
    }
    th, h1, h2 {
	color: #fe8019;
    }
}