header{font-family:var(--font-ibm-plex-mono),monospace}header #skip-to-content{position:absolute;top:-100%;left:4rem;z-index:50;--tw-bg-opacity:1;background-color:rgba(var(--color-accent),var(--tw-bg-opacity));padding:.5rem .75rem;--tw-text-opacity:1;color:rgba(var(--color-fill),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}header #skip-to-content:focus{top:1rem}header .nav-container{margin-left:auto;margin-right:auto;display:flex;max-width:72rem;flex-direction:column;align-items:center;justify-content:space-between}@media (min-width:640px){header .nav-container{flex-direction:row}}header .top-nav-wrap{position:relative;display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:1rem}@media (min-width:640px){header .top-nav-wrap{align-items:center;padding-top:2rem;padding-bottom:2rem}}header .logo{position:absolute;padding-top:.25rem;padding-bottom:.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}@media (min-width:640px){header .logo{position:static;font-size:1.5rem;line-height:2rem}}header .hamburger-menu{align-self:flex-end;padding:.5rem}@media (min-width:640px){header .hamburger-menu{display:none}}header .hamburger-menu .hamburger .line{margin:8px auto;display:block;height:2px;width:30px;--tw-bg-opacity:1;background-color:rgba(var(--color-accent),var(--tw-bg-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}header .hamburger-menu .hamburger:hover{cursor:pointer}.hamburger-is-active{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-delay:.3s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hamburger-is-active .line:nth-child(2){height:0!important;width:0!important}.hamburger-is-active .line:first-child,.hamburger-is-active .line:nth-child(3){transition-delay:.3s!important}.hamburger-is-active .line:first-child{--tw-translate-y:13px}.hamburger-is-active .line:first-child,.hamburger-is-active .line:nth-child(3){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hamburger-is-active .line:nth-child(3){--tw-translate-y:3px;--tw-rotate:90deg}header nav{display:flex;width:100%;flex-direction:column;align-items:center}@media (min-width:640px){header nav{margin-left:.5rem;flex-direction:row;justify-content:flex-end}header nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}header nav{padding-top:0;padding-bottom:0}}header nav ul{margin-top:1rem;display:grid;width:11rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem}@media (min-width:640px){header nav ul{margin-left:0;margin-top:0;width:auto;-moz-column-gap:1.25rem;column-gap:1.25rem;row-gap:0}}header nav ul li{grid-column:span 2/span 2;display:flex;align-items:center;justify-content:center}header nav ul li a{width:100%;padding:.75rem 1rem;text-align:center;font-weight:500}header nav ul li a:hover{--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity))}@media (min-width:640px){header nav ul li a{margin-top:0;margin-bottom:0;padding:.25rem .5rem}}header nav ul li:nth-last-child(2) a{width:auto}header nav ul li:last-child,header nav ul li:nth-last-child(2){grid-column:span 1/span 1}header nav a.active{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:4px}header nav a.active svg{fill:rgb(var(--color-accent))}header nav button{padding:.25rem}header nav button svg{height:1.5rem;width:1.5rem;fill:rgb(var(--color-text-base))}header nav button svg:hover{fill:rgb(var(--color-accent))}header #theme-btn{padding:.75rem}@media (min-width:640px){header #theme-btn{padding:.25rem}}header #theme-btn svg{--tw-scale-x:1.25;--tw-scale-y:1.25}header #theme-btn svg,header #theme-btn svg:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}header #theme-btn svg:hover{--tw-rotate:12deg}@media (min-width:640px){header #theme-btn svg{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}header .menu-icon line{transition-property:opacity;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}header .menu-icon .close,header .menu-icon.is-active .line{opacity:0}header .menu-icon.is-active .close{opacity:1}.social-icons{flex-wrap:wrap;justify-content:center;gap:.25rem}.link-button{padding:.5rem}.link-button:hover{--tw-rotate:6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.link-button{padding:.25rem}}#hero{padding-bottom:1.5rem;padding-top:2rem}#hero h1{margin-top:1rem;margin-bottom:1rem;display:inline-block;font-size:1.875rem;line-height:2.25rem;font-weight:700}@media (min-width:640px){#hero h1{margin-top:2rem;margin-bottom:2rem;font-size:3rem;line-height:1}}#hero .rss-link{margin-bottom:1.5rem}#hero .rss-icon{margin-bottom:.5rem;height:1.5rem;width:1.5rem;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));stroke:currentColor;stroke-width:2;--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity));opacity:.9}#hero .rss-icon,#hero .rss-icon:hover{fill:transparent}@media (min-width:640px){#hero .rss-icon{margin-bottom:.75rem;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}#hero a{text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:8px}#hero p{margin-top:.5rem;margin-bottom:.5rem}.social-wrapper{margin-top:1rem;display:flex;flex-direction:column}@media (min-width:640px){.social-wrapper{flex-direction:row;align-items:center}}.social-links{margin-bottom:.25rem;margin-right:.5rem;white-space:nowrap}@media (min-width:640px){.social-links{margin-bottom:0}}#featured,#recent-posts{padding-bottom:1.5rem;padding-top:3rem}#featured h2,#recent-posts h2{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:.025em}.all-posts-btn-wrapper{margin-top:2rem;margin-bottom:2rem;text-align:center}