body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100%;min-height:100vh}a{text-decoration:none}a:hover,a:focus{text-decoration:underline}a:focus{outline:none}.no-script{font-size:20pt;color:red;text-align:center}.page{display:flex;flex-direction:column}.page-header{display:flex;height:50px;background-color:#444;color:#ddd}.page-header #page-title{flex:1 1;display:inline-block;font-size:30px;font-weight:bold;padding:5px 20px;min-width:100px;margin-right:60px}@media only screen and (min-width:768px){.page-header #page-title{margin-right:0px}}.page-content{flex:1}.page-footer{margin-top:20px;padding:10px;width:100%;box-sizing:border-box;color:#ddd;background-color:#444;text-align:center}.page-footer a{color:#ddd}.page-header nav{position:absolute;top:5px;right:10px;background-color:#ddd;border:1px solid black;border-radius:5px}.page-header nav label{display:block;float:right;width:36px;height:36px;box-sizing:border-box;padding-top:10px;cursor:pointer;text-align:center}.page-header nav label svg{fill:#444}.page-header nav #nav-trigger{display:none}.page-header nav .trigger{display:none;clear:both;text-align:right;padding-bottom:5px}.page-header nav input:checked~.trigger{display:block}.page-header nav a{display:block;color:#444;padding:5px 10px;margin-left:20px;margin-right:0;line-height:initial;vertical-align:middle;font-size:20px}@media only screen and (min-width:768px){.page-header nav{position:static;display:block;line-height:45px;background-color:#444;border:none}.page-header nav label{display:none}.page-header nav .trigger{display:block}.page-header nav a{display:inline;margin:0px;color:#ddd}}