/* Don't wrap or autoitalicize the subtitle */
.subtitle {
    font-style: normal;
    width: 75%;
}

h1 {
    font-size: 3rem;
}

h2, h3, h4 {
    margin-top: 1.5rem;
    font-style: normal;
}

/* Shrinks and greys the nav icons */
.brand ul {
    color: #41464b;
    font-size: 0.9rem;
}


/* Stops autocapitalizing table headings */
table:not(.lntable) tr th {
    text-transform: none;
}

/* Adds borders to tables */
table:not(.lntable) {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

/* Since we have the brand on every page, stop overpadding with too much whitespace */
article, .brand, section {
    padding: 0;
}

/* Don't underline the home link in the brand blog title */
.brand a, .content-title a {
    text-decoration: none;
}

/* Don't indent code blocks or shrunk them beyond the (sadly hardcoded in tufte) 55% default width */
div.highlight {
  width: 55%;
  margin: 0;
}

/*Turns off horizontal scrolling on code blocks:
// div.highlight {
//    width: 100vw;
//    max-width: 100vw;
//} */

/* Rounded codeblocks with x-scrollbars that aren't ugly */
div.highlight pre {
    border-radius: .4em;
    padding: 6px;
}
div.highlight pre code {
    /*Putting it in the pre makes ugly square corners thanks to border radius*/
    overflow: auto;
}

footer p {
    padding-top: 0.5em;
    line-height: 1rem;
}