*{box-sizing:border-box}:root{--blue:#1976d2;--light-blue:#d8ecfb;--hover-blue:#365d7a;--black:#000}#root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--black);max-width:1280px;padding:"16px";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0 auto;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){#root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:var(--blue);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}body{min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:8px;margin:0 6px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--hover-blue)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#portrait{float:right;border-radius:50%;width:120px}@media (width>680px){#portrait{width:150px}}@media (width>1020px){#portrait{width:200px;right:0}}#nav-bar{text-align:center;margin:50px auto 10px;display:block}.nav-link{border:1px solid var(--blue);border-radius:5px;width:50%;margin:0 10px;padding:10px}.nav-link:hover{background-color:var(--light-blue)}