.homeNavbar{--navHeight:80px;width:100%;height:var(--navHeight);-webkit-user-select:none;user-select:none;z-index:2;padding:0 30px 0 0;position:fixed;top:0}.homeNavbar .logo{height:100%;line-height:var(--navHeight);float:left;font-variation-settings:"wdth" 75,"wght" 500;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;outline:none;padding:0 30px;text-decoration:none;display:flex}.homeNavbar .menu{float:right;justify-content:center;align-items:center;height:100%;display:flex}.homeNavbar .menu.open .icon{transform:rotate(45deg)}.homeNavbar .menu.open .icon:hover span:nth-child(2){width:24px}.homeNavbar .menu.open .icon .line1{width:24px;top:50%;right:23px}.homeNavbar .menu.open .icon .line2{width:24px;top:50%;right:23px;transform:rotate(90deg)}.homeNavbar .menu.open .container{display:flex}.homeNavbar .menu.open .container .item:first-child{animation:.38s cubic-bezier(.175,.885,.32,1.275) .12s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(2){animation:.38s cubic-bezier(.175,.885,.32,1.275) .24s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(3){animation:.38s cubic-bezier(.175,.885,.32,1.275) .36s forwards riseIn}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.homeNavbar .menu .icon{width:var(--navHeight);height:var(--navHeight);cursor:pointer;justify-content:center;display:none;position:absolute;top:0;right:0}.homeNavbar .menu .icon,.homeNavbar .menu .icon>*{transition:all .3s ease-in-out}@media (hover:hover){.homeNavbar .menu .icon:hover .line2{width:25px}}.homeNavbar .menu .icon span{border-bottom:1px solid var(--colorContentPrimary);height:2px;display:block;position:absolute;right:18px}.homeNavbar .menu .icon span.line1{width:35px;top:38%}.homeNavbar .menu .icon span.line2{width:17.5px;top:52%}.homeNavbar .menu .container{height:100%;display:flex}.homeNavbar .menu .container .item{cursor:pointer;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.homeNavbar .menu .container .item:after{content:"";border-bottom:2px solid hsl(var(--colorBrandPrimary));width:100%;height:5px;transition:transform .1s ease-in;display:block;position:absolute;bottom:12px;transform:scaleX(0)}.homeNavbar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 500;text-align:center;text-transform:uppercase;letter-spacing:1.5px;z-index:1;margin:0;font-size:12px}@media (hover:hover){.homeNavbar .menu .container .item:hover:after{transform:scaleX(.2)}}@media (max-width:800px){.homeNavBar .menu .container .item p{font-size:10px}}@media (max-width:630px){.homeNavBar .menu .icon{z-index:2;margin-right:10px;display:flex}.homeNavBar .menu .container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.homeNavBar .menu .container .item{opacity:0;justify-content:center;width:fit-content;height:auto;padding:10px;transform:translateY(80px)}.homeNavBar .menu .container .item:first-child{animation:.1s ease-out .5s forwards riseIn}.homeNavBar .menu .container .item:nth-child(2){animation:.1s ease-out 1s forwards riseIn}.homeNavBar .menu .container .item:nth-child(3){animation:.1s ease-out 1.5s forwards riseIn}}@media (max-width:630px) and (hover:hover){.homeNavBar .menu .container .item:hover span{transition:width .1s ease-out}}@media (max-width:630px){.homeNavBar .menu .container .item.active span{width:100%;transition:width .3s cubic-bezier(.175,.885,.32,1.275)}.homeNavBar .menu .container .item span{bottom:8px}.homeNavBar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 300;font-size:34px}}
.githubBanner{z-index:10;background:linear-gradient(135deg,hsl(var(--colorBrandPrimary)/.15),hsl(var(--colorBrandPrimary)/.08));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--colorBrandPrimary)/.3);color:var(--colorContentPrimary);font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:.5px;box-shadow:0 4px 12px hsl(var(--colorBrandPrimary)/.15),0 2px 4px #0000001a;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden}.githubBanner:before{content:"";background:linear-gradient(135deg,transparent,hsl(var(--colorBrandPrimary)/.1),transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.githubBanner .bannerContent{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.githubBanner .arrowIcon{opacity:.7}.githubBanner .bannerText{white-space:nowrap}.githubBanner .shimmer{background:linear-gradient(90deg,transparent,hsl(var(--colorBrandPrimary)/.3),transparent);width:50%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-100%;transform:skew(-20deg)}@media (hover:hover){.githubBanner:hover{border-color:hsl(var(--colorBrandPrimary)/.5);box-shadow:0 8px 24px hsl(var(--colorBrandPrimary)/.25),0 4px 8px #00000026;transform:translateY(-2px)}.githubBanner:hover:before{opacity:1}.githubBanner:hover .arrowIcon{opacity:1;transform:translate(4px)}.githubBanner:active{transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}50%,to{left:150%}}@media (max-width:800px){.githubBanner{padding:8px 14px;font-size:11px;bottom:20px;right:20px}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:14px;height:14px}}@media (max-width:630px){.githubBanner{gap:6px;padding:6px 12px;font-size:10px;bottom:20px;right:20px}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:12px;height:12px}.githubBanner .bannerText{display:none}}