html {
	font-size: 100%; /* this is usually 16px by default */
}

body {
	font: 1.5em Arial, Garamond, Trebuchet MS, Verdana, Lucida Grande, Tahoma;
	font-size : 1.125em; /* 18 px */
	background-color: #a0cfec;
	width: 75%;
	margin: 0 auto;
}

.toggler {
	text-decoration: none;
}

h2 {
	font: 1.5em Arial, Garamond, Trebuchet MS, Verdana, Lucida Grande, Tahoma;	
	font-size: 1.5em;
	font-weight: bold;
	/* background: #a0c0ec; /* ebd6ff */	
	/* border: 2px solid #ccc; */
	/* padding-left: 8px; */
	padding-top: 3px;
	padding-bottom: 1px;
	letter-spacing: 1px;	
}

h3 {
	font: 1.5em Arial, Garamond, Trebuchet MS, Verdana, Lucida Grande, Tahoma;	
	color: #4e4e4e;
	font-size: 1.25em;
	font-weight: bold;
	/* background: #a0c0ec; /* #eed6ee; */
	/* border: 2px dashed #ccc; */
	/* padding-left: 8px; */
	padding-top: 3px;
	padding-bottom: 1px;
	letter-spacing: 1px;	
}

.divider{	
    width:70%;
    margin:1.25em auto;
    overflow:hidden;
    text-align:center;   
    line-height:1.2em;
}

.divider:before, .divider:after{
	color:#4e4e4e;
    content:"";
    vertical-align:middle;
    display:inline-block;
    width:50%;
    border-bottom:2px dotted #ccc;
    margin:0 2% 0 -55%;
}

.divider:after{
    margin:0 -55% 0 2%;
}

h1:nth-child(2){
    font-size:0.25em;
}

.codebox {
    border: 1px solid black;
    background-color: #EEEEFF;
    width: 98%;
    overflow: auto;    
    padding: 10px;
}

.codebox code {
    font-size: 0.9em;
}

.blurb{
    padding-right: 1.5em; /* 20 px */
}

.wrapper{
    width: 100%;
    max-width: 1180px;
    padding: 0 0px;
    margin: 0 auto;
}

.header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header h1{
	font-size: 1.75em;
    flex-grow: 1;
    flex-basis: 290px;
    text-align:left;
}

.header nav ul{
    padding: 0em;
    display: flex;
    flex-wrap:wrap;
    list-style-type: none;
}

.header nav a, header nav a:visited {
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 1.125em; /* 18 px */
    padding: 0.625em; /* 10 px */
}

.header nav a:hover, header nav a:hover:visited {
    text-decoration: none;
    font-weight: bold;
    color: purple;
    font-size: 1.125em; /* 18 px */
}

#liner {
    display: none;
}

#liner:target {
    display: block;
}