:root{font-family:roboto,sans-serif;color:#444;background:#ddd;line-height:1.5}h1,h2,h3{font-family:playfair display,serif;font-weight:400;margin:2em 0 .5rem}p,ul,ol{margin:1rem 0 0}li ul{margin-top:0}h1+p,h1+ul,h1+ol,h2+p,h2+ul,h2+ol,h3+p,h3+ul,h3+ol{margin-top:.5rem}img{max-width:100%}header h1{font-size:2rem;margin:2rem 0 1rem}blockquote{border-left:1rem solid #aaa;padding-left:1rem;font-style:italic}.wrapper{max-width:40rem;margin:1rem auto}footer,footer p{margin:.5rem 0 4rem}main{padding:2rem;background:#eee;border-radius:4px}.howto{margin:1rem -2rem;padding:1rem 2rem;background:#dca}.howto h2{margin-top:0}main h1:first-child{margin-top:0}.crumbs{margin:0 0 .5rem}.crumbs+h1{margin-top:0}@media only screen and (max-width:1000px){main{padding:1rem}}