body{font-family:Menlo,monospace}h1{font-size:4rem;text-align:center}p{margin-bottom:4rem}.navbar{position:-webkit-sticky;position:sticky;top:0}.navbaritems{list-style-type:none;padding:0;overflow:hidden;background-color:#87cefa;height:3rem;font-size:none;display:flex;flex:1 150rem 150rem;justify-content:space-evenly;align-content:center;border-radius:20px}.navbaritem{float:left;color:#000;text-align:center;padding:1em;text-decoration:none;touch-action:manipulation}.navbaritem:hover{color:#fff}div{margin-left:auto;margin-right:auto;max-width:50rem}main{margin-left:1rem;margin-right:1rem}a{color:#87cefa}.blogPostToggle{display:inline-flex;align-items:center;gap:.5rem;font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:left;touch-action:manipulation}.blogPostToggleIndicator{font-size:.9em;line-height:1}.blogPostToggle:focus-visible{outline:2px solid lightskyblue;outline-offset:4px;border-radius:4px}footer{bottom:0;width:100%;height:2rem;font-size:.7rem;text-align:center;background-color:#000}@media only screen and (max-width:600px){h1{font-size:2.5rem}h2{margin-top:1.25rem;font-size:1.75rem}h3{font-size:1.25rem;line-height:1.3}main{margin-left:.75rem;margin-right:.75rem}div{max-width:none}p{font-size:1rem;line-height:1.5}footer{height:auto;padding:.5rem 0;font-size:.75rem}.navbaritems{height:auto;font-size:1rem;align-items:center}.navbaritem{padding:.85em .6em}}@media(prefers-color-scheme:light){body,footer{background-color:#fff;color:#000}}@media(prefers-color-scheme:dark){body,footer{background-color:#000;color:#fff}}