body{color:var(--md-sys-color-on-background);background-color:var(--md-sys-color-background);margin:0;padding-bottom:100px;font-family:sans-serif}header{z-index:10;background-color:var(--md-sys-color-surface-container);width:100%;padding:10px 15px;position:fixed;top:0}header>h2{margin:0;font-size:18px;font-weight:700;display:inline-block}header>nav{display:inline-block}header>nav>a{-webkit-border-radius:6px;border-radius:6px;margin-left:10px;padding:4px 8px;font-weight:600;text-decoration:none}header>nav>a:hover{background-color:rgb(from var(--md-sys-color-primary) r g b / .08)}main{margin:80px auto 0;padding:0 20px}footer{border-top:1px solid var(--md-sys-color-outline);margin:40px 20px 0;padding:0 10px}a{color:var(--md-sys-color-primary)}