.navBar{z-index:1000;width:100%;min-height:4.5rem;padding:.75rem max(1rem, calc((100% - var(--content-width)) / 2));border-bottom:1px solid var(--outline-light);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background-color:#fffbfe80;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-title{color:#171717;letter-spacing:-.04em;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(1.75rem,2vw + 1rem,2.5rem);font-weight:800;line-height:1.1;text-decoration:none;transition:color .18s,letter-spacing .18s,transform .18s;display:inline-block}.btns-group{align-items:center;display:flex}.site-title:hover{color:#000;letter-spacing:-.02em;transform:translateY(-1px)}.site-title:active{transform:translateY(0)}.site-title:focus-visible{text-underline-offset:.2em;outline:none;text-decoration:underline}.nav-bar-icon{width:1.5em;height:1.5em;margin-right:40px;transition:all .1s}.nav-bar-icon:hover{width:2em;height:2em;transition:all .1s}
.homeLayout{flex-direction:column;min-height:100vh;display:flex}main{width:min(100% - 2rem, var(--content-width));flex-direction:column;flex:1;gap:2rem;margin-inline:auto;padding-block:2rem;display:flex}