/* Type choices */
@import url('https://fonts.googleapis.com/css?family=Crete+Round|Roboto+Slab:400&display=swap');

html
	{
		font-family: "Roboto Slab", Helvetica, Arial, Sans;
	}
p,li,div,a
	{
	}
h1, h2, h3, h4, h5, h6
	{
		font-family: "Crete Round";
	}
	


	
/* Elements */

svg {height:0;width:0;}
html
	{
		padding: 0;	
	}
body
	{
		margin: 0;
		padding: 0;
		border-radius:1em;
	}
body>section
	{
		margin:3em auto;
		padding:0 5em;
		max-width:50em;
	}
header
	{
		margin-bottom:-1.5em;
	}
header>div
	{
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
	}
header>div>:first-child
	{
		flex-grow:1;
		font-size:2em;
		margin:0;
	}
header .right-panel a, header .right-panel span
	{
		max-width: 4em;
		font-size: .75em;
		border-width: 0.16em;
    padding: 0.4em;
    margin:0.2em;
    text-decoration:none;
    border-radius:1em;
	}
section>div, header>div, footer>div
	{
		padding:1em;
		margin:0 auto;
		border-radius: 0 1em 0 1em;
		max-width:38em;
	}
footer, header
	{
		padding:0 5em;
	}
footer>div
	{
		min-height:8em;
	}
	
h1
	{
		font-size:1.8em;
		margin: -0.55em;
		margin-bottom:0;
		padding:0.556em 0.556em;
		border-radius: 0 0.556em 0 0;
	}
h2
	{
		font-size:1.5em;
		margin-bottom:0;
	}
h3
	{
		font-size:1.3em;
		margin-top:0;
	}
p+ul, p+input
	{
		margin-top:-1em;
	}
fieldset
	{
		border-width:0;
	}
input
	{
		border-radius: 0.6em;
		padding:0 0.3em;
	}


	
	
.pinch
	{
		display:flex;
		flex-wrap:wrap;
	}

.grid
	{
		columns:3;
		vertical-align:top;
	}
.grid :first-child 
	{
		margin-top:0em;
	}
	
.grid .title
	{
		order:1;
	}
	
.right-panel
	{
		display: flex;
		text-align: center;
    align-items: center;
	}

.footnote
	{
		font-size:0.7em;
		text-align:right;
	}