html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}::-moz-focus-inner{border:0}body,html{width:100%;height:100%;margin:0}body{display:flex;flex-flow:column;overflow:hidden;hyphens:auto;font-family:Helvetica,sans-serif}main{margin:5px;padding:5px;overflow:auto;text-align:justify}img{margin:auto}h1{text-align:left}header>nav>ul{list-style:none;padding:0;margin:0;display:flex;flex:auto;flex-wrap:wrap}header>nav>ul>li{flex:auto;text-align:center;padding:2px}button,input{font-family:inherit}header>nav>ul>li>button{width:100%;border:none;background-color:#f0f0f0;padding:2px;font-size:1.3em;box-shadow:4px 4px 4px #888;font-family:inherit}header nav>ul>li>button:active,header>nav>ul>li>button:focus{border:none}header>nav>ul>li>button:hover{background-color:grey}a{outline:0}@media all and (min-width:571px) and (min-height:401px){#header{display:flex}#header>div{flex:auto;padding-right:10px;padding-left:10px;text-align:center;margin:auto}#header>div>img{margin-top:2px}header>nav{width:100%}#menu{display:none}}@media all and (max-width:570px),(max-height:400px){#header{display:none}#menu{display:flex}#menu>div{display:flex;flex:auto;align-items:center;justify-content:center;text-align:center}#menu>div>a{flex:auto}#menuButton{padding:0 .2em .2em .2em;background-color:#f0f0f0;text-decoration:none;color:#333;cursor:pointer;font-size:inherit;width:10em;height:3em}#menuButton.active{background-color:#333;color:#fff}header{max-height:100%}header>nav{display:none}header>nav.active{max-height:calc(100vh - 48px);display:block;overflow:auto}header>nav.active>ul{display:block;max-height:calc(100vh - 27.2px)}header>nav.active>ul>li{display:block}}