#tutorial,body,html{height:100%}#tutorial,article{left:0;width:100%}#tutorial,article,nav{top:0;position:absolute}#tutorial section,article [data-name],article h1{text-align:center}article [data-name=contact] .site,article [data-name=other] .site,article [data-name=section] h2,article input,nav{display:none}*{box-sizing:border-box}body{font-family:Ubuntu,sans-serif;margin:0;overflow:hidden}nav{right:5px;z-index:1}nav a{background:#ccc;border:solid transparent;border-width:0 1px 1px;color:#eee;display:table-cell;font:700 .8em/1.5 sans-serif;padding:5px 1em 0;text-decoration:none}nav a:hover{background-color:rgba(0,0,0,.25)}article{bottom:0;clear:both;display:block;overflow:hidden;z-index:0}article [data-align=center],article [data-align=center] div,article [data-align=center] h1,article [data-align=center] h2,article [data-align=center] h3,article [data-align=center] h4,article [data-align=center] h5,article [data-align=center] p{text-align:center!important}article h1,article h2{margin:0;padding:.33em 0}article h1{font-size:3em;font-weight:300}article h2{font-weight:500;text-align:right}article input{position:absolute}article table{border-bottom:1px solid #eee;border-collapse:collapse;margin:0 0 1em;text-align:left}article table td,article table th{border-top:1px solid #eee;font-weight:400;padding:.33em .66em}article table td[colspan],article table th[colspan]{background:#eee;border:none;font-weight:700}article table thead td,article table thead th{border:none;font-size:.82em;font-style:italic}article [data-name=contact] div,article [data-name=contact] h2,article [data-name=contact] p,article [data-name=contact] section,article [data-name=other] div,article [data-name=other] h2,article [data-name=other] p,article [data-name=other] section{display:inline-block;font-size:1em;margin:0;vertical-align:baseline}@media only screen and (max-device-width:680px){article [data-name=contact] div,article [data-name=other] div{font-size:1.5em}}article [data-name=contact] section,article [data-name=other] section{margin:0 .66em;padding:.165em 0}article [data-name=contact] h2,article [data-name=other] h2{margin:0;padding-right:.33em}article [data-name=contact] h2:after,article [data-name=other] h2:after{content:':'}article [data-name=section]{border-collapse:collapse;border-spacing:0;display:flex;flex-direction:row;justify-content:center;margin-top:1em;width:100%}article [data-name=section] label{cursor:pointer;display:inline-block;font-size:1.3em;font-weight:500;position:relative}article [data-name=section] label:before{border:solid transparent;border-width:0 0 3px;content:attr(data-title);display:inline-block;padding:1vh 1vw}article [data-name=section] label:hover:before{border-color:#ddd}article [data-name=section] label:active:before{border-color:#bbb}article [data-name=section] h3{margin-bottom:0}article [data-name=section]>section{margin:0 0 .3% .3%;overflow:hidden;vertical-align:baseline}article [data-name=section]>section>div{background:#fff;bottom:0;left:0;opacity:0;overflow:auto;padding:.5em 3vw 0;position:absolute;right:0;z-index:-1;transition:all .33s linear}article [data-name=section]>section>div div,article [data-name=section]>section>div p{text-align:left}article [data-name=section]>section>div h4{font-size:inherit;margin:1em .33em 0 0}article [data-name=section]>section>div h4+p{display:inline}@media only screen and (min-device-width:680px){article [data-name=section]>section>div h4{display:inline-block}}article [data-name=section]>section>div h2+p,article [data-name=section]>section>div h2+section h3{margin-top:.33em}article [data-name=section]>section input:checked+label:before{border-color:#888}article [data-name=section]>section input:checked+label+div{opacity:1;z-index:1}article [data-name=section]>section .table{display:inline-block;margin:0 .5em;vertical-align:top}#tutorial{background-color:rgba(0,0,0,.8);display:table;font-size:1.33em;opacity:1;z-index:2}#tutorial div{display:table-cell;padding-bottom:0;transform:scale(1);vertical-align:middle}#tutorial.hide{opacity:0;z-index:-1}#tutorial.hide div{transform:scale(0)}#tutorial section{display:table;margin:0 auto}#tutorial p{color:#fff;display:table-row;margin:0 auto}#tutorial p span{display:table-cell;padding:.66em .33em}#tutorial p span:last-of-type{padding-left:.66em;text-align:left}#tutorial button{background:#fff;border:2px solid rgba(0,0,0,.8);font:1.15em Ubuntu,sans-serif;padding:.33em .66em}footer[data-name]{bottom:0;font-size:.6em;padding:0 .33em;position:absolute;right:0}#print{background:0 0;border:1px solid #333;display:block;font:600 .83em Ubuntu,sans-serif;margin:0 auto;padding:.33rem 1rem}@media only screen and (max-device-width:680px){article [data-name=section] label,h3{font-size:2em}section h4{display:block}}