/*

WELCOME TO THE PARTY, PAL.

*/

* {
    box-sizing: border-box
}

:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'dlig' 1, 'case' 0, 'ss03' 1; /* fix for Chrome */
}

@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

code {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, Courier, monospace;
  font-size: 85%;
}

html {
    font: 14px / normal -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: rgb(15,14,18);
    -webkit-font-smoothing: antialiased
}

body {
    border-left: 5px solid rgb(238,91,48);
    margin: 0 auto;
    padding: 1rem
}

.container {
    max-width: 40rem;
    margin: 0 auto
}

h1 {
    font-size: 22px;
    font-weight: 600;
}

h2 {
    font-size: 18px;
    font-weight: 600;
}

h3 {
    font-size: 16px;
    font-weight: 600;
}

h4 {
    font-size: 16px;
    font-weight: 600;
}

a {
    color: blue;
}

hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 2.5rem auto;
    max-width: 50rem;
}

small, time {
    color: slategray
}

body a.logo {
    color: black;
    text-decoration: none;
}

body a.logo h1 {
    margin-bottom: 0
}

body h3 a {
    color: black;
    text-decoration: none;
}

#read-this-first {
    margin-bottom: -1rem;
}

#popular-among-readers {
    margin-bottom: -1rem;
}

body nav {
    margin-bottom: 2rem
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

nav ul li {
    display: inline-block;
    margin-right: 0.5em
}

footer {
    margin-top: 3rem
}

header time {
    display: block;
    margin: -1rem 0 1rem
}

pre {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, Courier, monospace;
    font-size: 14px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 5px #eee;
    background: #f9f9f9;
    color: #000;
    padding: 1em;
    overflow-x: auto;
}

code { 
    background: #f9f9f9;
}

pre code {
    background: none;
}
  
img, iframe, video {
    max-width: 100%;
}

main {
    hyphens: auto;
}

blockquote {
    background: #f9f9f9;
    border-left: 5px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 1em 0;
    margin-left: 0em;
    margin-right: 1em;
  }
          
table {
    margin: auto;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
table thead th { 
    border-bottom: 1px solid #ddd; 
}

th, td {
    padding: 5px; 
}

thead, tfoot, tr:nth-child(even) { 
    background: #eee 
}

.caption {
  font-size: 13px;
  color: #777;
}

.footnotes {
  font-size: 13px;
  color: #777;
}

.footnote-ref {
  font-size: 10px;
  text-decoration: none;
}

.footnote-back {
  padding-left: 0.3rem;
}

.footnote-backref {
  text-decoration: none;
}

.figcaption {
  font-size: 13px;
  color: #777;
}