:root {
color-theme: light dark;
--pico-font-family: BlinkMacSystemFont, -apple-system, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, helvetica neue, helvetica, arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
color: light-dark(var(--pico-color), #b65506);
}
.site-header {
border-radius: 0.25rem;
background: var(--pico-card-background-color);
box-shadow: var(--pico-card-box-shadow);
margin-bottom: var(--pico-spacing);
padding-top: var(--pico-spacing);
padding-bottom: var(--pico-spacing);
}
.site-header header {
display: flex;
justify-content: space-between;
align-items: baseline;
flex-wrap: wrap;
}
.site-header header a {
text-decoration: none;
padding: 1rem 0.5rem 1rem 0rem;
margin-right: 0.5rem;
}
.site-header header a:first-child {
padding-left: 0px;
margin-left: 0px;
}
.site-header header a:last-child {
margin-right: 0rem;
}
.site-header header a:hover {
text-decoration: underline;
}
.site-header header nav {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}