:root{--header-height:46px;--footer-height:15px}*,:after,:before{box-sizing:border-box}body{background:#5a82ab;display:block;font-family:Arial,sans-serif;line-height:1;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}footer,header{background:#2a3340;color:#fff;text-align:center}header h1{margin:0}nav a{color:#fff;text-decoration:none}main{flex:1 0 auto;margin-top:var(--header-height);padding-inline:5px;padding-bottom:var(--footer-height);position:relative;width:100%}h1,h2{color:#333}p{margin:0;padding:0}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}