li,main nav{padding:.25em 0}main nav a,td{padding:.25em .5em}article.full-screen,fieldset,input,label,p{box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#ccc;background:#fff;font-weight:300;margin:0}a{color:inherit;text-decoration:none}strong{font-weight:400}h1,h2,h3,h4,h5,nav{font-family:Dosis,sans-serif}h1,h2,h3,h4,h5{font-weight:600}em{color:#769932}::selection{background-color:hsla(80,0%,0%,.75);color:#ccc}header{background-color:#b2b2b2;border:1px solid #999;padding:.25em 1em;color:#333}footer{margin-top:.5em;padding:.5em .25em;text-align:right;font-size:.8em;background:#3d3d3d}footer .eu{text-align:center;margin-top:2em}ol,ul{margin:0;padding:0}footer .eu img{height:2em}h4{margin:1em 0}li a,nav a{white-space:nowrap;color:#595959}header nav a.active{border-bottom:2px solid #000}main{display:block;min-height:20em;background-color:#fff;color:#333;overflow:auto;padding-top:.25em}main nav{line-height:inherit}main nav a{background-color:#d8d8d8;transition:color .5s,background-color .5s,transform .4s}main nav a:hover{background-color:#bfbfbf}main nav a.active{background-color:#b2b2b2}footer nav a{display:block;font-size:.8em}p{font-family:"Roboto Slab",helvetica,serif;font-weight:300;line-height:1.4em}p a{text-decoration:underline}li{list-style:none;position:relative;border-bottom:.5px solid #ccc;overflow:hidden;transition:background .5s,opacity 1s}li:first-of-type{border-top:1px solid #ccc}input,td{border-style:solid}li:hover{background-color:#e5e5e5}ul ul{border:none;padding-left:1em}ul ul li{font-size:.75em;border-color:#d8d8d8}details summary::-webkit-details-marker{display:none}summary:after{content:"+";text-align:right;float:right;padding:0 1em}details[open] summary:after{content:"-"}form{padding:1em;border:2px solid #000;border-radius:2px;background-color:#f2f2f2;color:#0c0c0c}fieldset{margin:0 0 1em;border-radius:.5em}button,input,label{font-size:inherit;margin-bottom:.25em}input{width:11em;border-radius:5px;border-width:1px;padding:2px 5px}input[type=checkbox]{width:1em}input[type=number]{width:4em}label{width:7em;display:inline-block;text-align:right;padding-right:.5em}nav span.label{display:none}table{border-collapse:collapse}td{border-color:#000;border-width:2px 0}th{font-size:1.4em}article.full-screen{border:1px solid #000;width:90%;height:90%;overflow:hidden;padding:0;margin:40px}@media (min-width:501px){ol{padding-left:1em}ol li{overflow:visible}}@media (min-width:601px){main nav{line-height:inherit}nav span.label{display:inline}}@media (min-width:801px){body{font-size:1.1em}}@media (min-width:1001px){body{font-size:1.3em}}@media (min-width:2501px){body{font-size:2em}}