.astro-route-announcer{left:0;position:absolute;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}header{background-color:var(--clr-primary-400);height:var(--headerHeight);position:sticky;top:0;z-index:9}@media (max-width:768px){header>div{justify-content:center!important}}my-nav[d_open] .hamburger-bar:first-child{transform:rotate(-25deg) translate(0)}my-nav[d_open] .hamburger-bar:nth-child(2){opacity:0}my-nav[d_open] .hamburger-bar:nth-child(3){transform:rotate(25deg) translate(0)}@media (max-width:768px){my-nav[d_open] nav{transform:none}}my-nav+.nav-overlay{inset:0;opacity:0;position:fixed;visibility:hidden;z-index:1}my-nav[d_open]+.nav-overlay{opacity:1;visibility:visible}.hamburger{cursor:pointer;display:none;left:1rem;position:absolute;top:1.5rem;z-index:3;--flow-spacing:.2em}.hamburger:before{content:"";inset:0;position:absolute;transform:scale(2)}.hamburger-bar{background-color:var(--clr-text);height:3px;margin:1.5px 0;transition:all .4s;width:24px}@media (max-width:768px){.hamburger{display:block}}nav{z-index:2}nav ul{padding:0}nav ul li{list-style:none}nav .nav-item{color:var(--clr-text);outline:none;text-decoration:none}@media (hover:hover){nav .nav-item:focus-visible,nav .nav-item:hover{color:var(--clr-accent-400)}}a[aria-pressed].nav-item{color:var(--clr-accent-400);cursor:not-allowed}.social-link{height:30px;outline:none;width:30px}.social-link my-icon{background-color:var(--clr-text);transition:background-color .3s ease-in,-webkit-mask-position .3s var(--bouncyTransition);transition:mask-position .3s var(--bouncyTransition),background-color .3s ease-in;transition:mask-position .3s var(--bouncyTransition),background-color .3s ease-in,-webkit-mask-position .3s var(--bouncyTransition)}@media (hover:hover){.social-link:focus-visible my-icon,.social-link:hover my-icon{background-color:var(--clr-accent-400);-webkit-mask-position:bottom;mask-position:bottom}}@media (max-width:768px){nav{background-color:#f8ede3f2;border-radius:0 0 var(--borderRadius);left:0;padding:4rem 2rem 2rem;position:absolute;top:0;transform:translate(-100%);transition:transform .3s ease-in-out}@supports (-webkit-backdrop-filter:none) or (-webkit-backdrop-filter:none) or ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--clr-primary-400-transp)}}.social-links,nav ul{flex-direction:column}}my-overlay{inset:0;opacity:0;position:fixed;transition:opacity .2s ease-in;visibility:hidden;z-index:999}my-overlay[d_dark_overlay]{background-color:var(--clr-darkOverlay)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){my-overlay[d_dark_overlay]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}my-overlay .overlay-box{color:var(--clr-text);cursor:default;opacity:0;padding:5rem;position:relative;transition:opacity .3s ease-in}my-overlay .overlay-content my-icon{margin-inline:auto}my-overlay[d_visible]{opacity:1;visibility:visible}my-overlay[d_visible] .overlay-box{animation:animateBox .4s var(--bouncyTransition);opacity:1}@keyframes animateBox{0%{transform:translateY(150px)}to{transform:translateY(0)}}my-overlay[d_size=full] .overlay-box{height:100%;width:100%}my-overlay[d_size=small-box] .overlay-box{background-color:var(--clr-primary-400-transp);max-height:calc(100% - 4rem);overflow-y:scroll;width:min(50ch,100% - 1rem)}my-overlay[d_size=large-box] .overlay-box{max-height:calc(100% - 4rem);overflow-y:scroll;padding:0;width:min(872px,100% - 1rem)}my-overlay .close-btn{background:var(--clr-text);border:none;border-radius:100vmax;cursor:pointer;height:20px;outline:0 transparent;padding:0 1rem;position:absolute;right:1rem;top:1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}my-overlay .close-btn:focus{transform:scale(1.1)}my-overlay .close-btn:focus:not(:focus-visible){outline:none}my-overlay .close-btn svg{pointer-events:none}my-overlay .close-btn svg path{stroke:var(--clr-primary-400)}@media (hover:hover){my-overlay .close-btn:hover{transform:scale(1.1)}my-overlay .close-btn:hover my-icon{background-color:var(--clr-primary-400)}}