hy-push-state/example/style.css

Turn web sites into web apps

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family:'Noto Sans', Helvetica, Arial, serif; font-size:16px; line-height:1.75; }
body { margin:0; padding:0; color:#000; background:#fff; }
a { color:#000; text-decoration:none; }
h1, h2, h3, h4, h5, h6, a { font-family:'Roboto Slab'; font-weight:bold; text-rendering:optimizeLegibility; }
h1, h2, h3, h4, h5, h6 { margin:3rem 0 1rem; line-height:1.6; }
h1 { font-size:2rem; line-height:1.25; }
h2 { font-size:1.5rem; }
h3 { font-size:1.17em; }
.wrapper { background:rgba(0,0,0,0.025); max-width:38rem; margin:1rem; padding:1rem; margin:auto; }
aside ul { list-style:none; margin:0; padding:0; }
aside ul li a { display:block; padding:1.5rem; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
#menuEl { display:inline-block; padding:1.5rem 1rem; margin-left:-1rem; margin-top:-1rem; text-decoration:none; }
#menuEl::after { content: "\2630"; }
@media screen and (min-width:40em) { html { font-size:17px; } }
@media screen and (min-width:54em) { .wrapper { max-width:42rem; } }
@media screen and (min-width:92em) { .wrapper { max-width:48rem; } }
@media screen and (min-width:125em) { html { font-size:18px; } }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }