nav.greedy{position:relative;height:60px;display:flex;align-items:center;background:#e0e0e0}nav.greedy h1{display:flex;align-self:stretch;align-items:center;background:#c6c6c6;padding:0 1rem;font-weight:700}nav.greedy button{align-self:stretch;transition:all .4s ease-out;padding:0 1rem 0 1.5rem;outline:0;border:0;font-size:.9rem;font-weight:700;background:#c8c8c8}nav.greedy button.hidden{transition:none;border-right:.5rem solid #b6b6b6;width:0;padding:0;overflow:hidden}nav.greedy button:after{content:attr(count);display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;background:#9f9f9f;color:#f2f2f2;border-radius:50%;font-size:14px;line-height:14px;margin-left:1rem;margin-right:calc(-1rem - 8px)}nav.greedy ul.links{display:flex;justify-content:flex-end;flex:1;overflow:hidden}nav.greedy ul.links li{flex:none;padding:1rem}nav.greedy ul.links li a{color:#404040}nav.greedy ul.hidden-links{position:absolute;background:#d8d8d8;right:0;top:100%}nav.greedy ul.hidden-links.hidden{display:none}nav.greedy ul.hidden-links li{padding:1rem}nav.navigation{height:auto;padding:0 var(--size-600);background-color:var(--color-background);border-bottom:1px solid var(--color-separator);button{&.hidden{display:none}&:after{display:none}background:url(../icons/bars.svg);background-repeat:no-repeat;background-position:center;height:var(--fs-600);aspect-ratio:1;margin:auto}ul{list-style:none}}.site-title{margin:var(--size-500) 0;color:var(--color-text);text-wrap-mode:nowrap;font-weight:var(--fw-bold);text-decoration:none}nav.greedy>ul.links>li>.nav-link{color:var(--color-text);text-decoration:none;&:hover{text-decoration:underline;text-decoration-color:var(--color-theme);text-decoration-thickness:3px;text-underline-offset:8px}}nav.greedy>ul.hidden-links{z-index:9999;margin-right:var(--size-600);margin-top:var(--size-400);background-color:var(--color-background);box-shadow:4px 2px 4px #00000029,4px 2px 10px #0000001f;li{&:not(:last-child){border-bottom:1px solid var(--color-separator)}>a{color:var(--color-text);text-decoration:none}}}body:has(nav.navigation>button.clicked){overflow-y:hidden;position:fixed;nav.navigation>button.clicked:after{display:initial;z-index:9998;position:absolute;width:100vw;height:100vh;top:0;left:0;margin:0;padding:0;border-radius:unset;background-color:#fffc}}.global-footer{padding:var(--size-700) var(--size-500);color:var(--color-background);background-color:var(--color-theme);font-size:var(--fs-300);font-weight:var(--fw-bold);.follow-links{text-transform:uppercase;margin-bottom:.5rem;ul{display:inline-flex;flex-wrap:wrap;list-style:none;gap:1rem;li{height:var(--fs-500)}}}.attribution{font-size:var(--fs-200);font-weight:var(--fw-regular);a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}}}.follow-link{height:100%;white-space:nowrap;img{height:65%}span{padding-left:2px;vertical-align:text-bottom}a{color:inherit;text-decoration:none;&:hover,&:active{text-decoration:underline}}}.author-details{--spacing: var(--size-300);display:flex;gap:var(--spacing);margin-bottom:var(--spacing);@media (min-width: 800px){--spacing: var(--size-400);flex-direction:column;.author-details-body{flex-direction:column}opacity:75%;transition:var(--global-transition-speed);&:hover{opacity:100%;transition:var(--global-transition-speed)}}.author-name{font-weight:var(--fw-bold);margin-bottom:var(--spacing)}.author-description{font-size:var(--fs-300);margin-bottom:var(--spacing)}.author-photo{width:100%;max-width:110px;max-height:110px;border:1px solid var(--color-separator);border-radius:50%;padding:5px}.follow-links{margin-bottom:.5rem;font-size:var(--fs-300);ul{list-style:none;li{height:var(--fs-500);margin-bottom:var(--size-300)}@media (max-width: 800px){display:inline-flex;flex-wrap:wrap;li{margin-right:var(--spacing);margin-bottom:var(--size-200)}}@media (max-width: 500px){display:none}}}}:root{--color-theme: #0092ca;--color-theme-shadow: #0075a2;--color-text: black;--color-background: white;--color-separator: #cecfd1;--color-notice-info: #cadee4;--color-notice-warning: orange;--color-notice-error: #eed1d1}:root{--ff-primary: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 550;--fw-bold: 700;--fs-100: clamp(.64rem, .6549rem + -.0192vw, .651rem);--fs-200: clamp(.7813rem, .7747rem + .0326vw, .8rem);--fs-300: clamp(.9375rem, .9158rem + .1087vw, 1rem);--fs-400: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--fs-500: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--fs-600: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--fs-700: clamp(1.9438rem, 1.7707rem + .8652vw, 2.4413rem);--fs-800: clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);--fs-900: clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem}h1{font-family:var(--ff-heading);font-size:var(--fs-700)}h2{font-family:var(--ff-heading);font-size:var(--fs-600)}h3{font-family:var(--ff-heading);font-size:var(--fs-500)}body{font-size:var(--fs-400);font-family:var(--ff-body);font-weight:var(--fw-regular);line-height:1.5}:root{--global-transition-speed: .4s}.astro-code{padding:var(--size-400);border-radius:var(--border-radius);border:1px dashed var(--color-separator);font-size:var(--fs-300)}:root{--border-radius: 4px}.button{display:inline-block;padding:var(--size-300) var(--size-300);margin-bottom:var(--size-300);background-color:var(--color-theme);color:var(--color-background);text-align:center;text-transform:uppercase;text-decoration:none;border-radius:var(--border-radius);&:hover,&:focus{background-color:var(--color-theme-shadow);transition:background-color var(--global-transition-speed)}}*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}body{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background)}blockquote{border-left:3px solid var(--color-separator);padding-left:var(--size-300);margin-top:var(--size-300)}.main-container{--sidebar-width: var(--sidebarWidth, 200px);--sidebar-padding: var(--size-600);--container-padding: var(--size-500);padding:var(--container-padding);margin-left:auto;margin-right:auto;margin-bottom:auto;width:100%;&:not(.no-max-width){max-width:min(100%,1280px)}@media (min-width: 800px){.main-container-content{float:right;width:calc(100% - var(--sidebar-width) - var(--sidebar-padding))}.author-details{float:left;width:var(--sidebar-width);position:sticky;top:var(--size-800)}}}
