*{box-sizing:border-box;}

body{
    font:16px/1.5 "Georgia",serif;
    margin:0 auto;
    max-width:150ch;
    padding:1rem;
    }

h1,h2,h3,h4,h5,h6{
    font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;
    margin:2.5rem 0 1rem;
    }

ul li, ol li{
    margin-top:0.5rem;
    }

a,a:visited{
    color:black;
}

a:hover{
    color:dodgerblue;
}

img{
    height:auto;max-width:100%;
}

pre{
    border: 1px solid lightgrey;overflow:auto;
}

code{
    color:orangered;display:inline-block;
}
pre code{
    padding:1rem;
}

blockquote{
    border-left:5px solid lightgrey;
    font-size:120%;
    font-style:italic;
    margin:2rem 0;
    padding:1rem;
}

table{
    border-collapse:collapse;
    margin:2rem 0;
    text-align:left;
    width:100%;
}
tr{
    border-bottom:1px solid lightgrey;
}
th,td{
    padding:0.5rem;
}
hr{
    background:lightgrey;
    border:0;
    height:1px;
    margin:2rem 0;
}

#title-block-header{
    text-align:center
}
strong{
    font-weight:bold
}

.small-caps{
    font-variant:small-caps
}

.copy-code-button {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.8em;
  padding: 0.2em 0.5em;
  cursor: pointer;
}

.focus {
color: orangered;
}

.copy-code-button {
position: absolute;
top: 0.4em;
right: 0.4em;
font-size: 0.8em;
padding: 0.2em 0.5em;
cursor: pointer;
}