:root{--header-height:180px;--footer-height:110px}*,:after,:before{box-sizing:border-box}body{display:block;font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}footer,header{color:#000;text-align:center}header h1{margin:0}nav a{color:#000;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}li{list-style:none}.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}