.App{text-align:center}.content{max-width:1200px}.content-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}h1{color:#333;margin-bottom:1.5rem}.top-bar{background:#333;margin-bottom:2rem;padding:1rem}.top-bar a{color:#fff;margin:0 1rem;text-decoration:none}.top-bar a:hover{color:#ddd}.top-bar{box-shadow:0 2px 5px #0000001a;display:flex;height:67px;padding:0 20px;transform:translateY(-100%);transition:transform .8s ease-in-out;z-index:1000}.top-bar.show-bar{transform:translateY(0);transition:transform .8s ease-in-out!important}.top-bar.hide-bar{transform:translateY(-100%);transition:transform .3s ease-in-out!important}.on-logo{align-items:center;display:flex;height:100%;justify-content:center;margin-left:-10px;padding-bottom:5px}.on-logo img{height:85%;margin-top:-2px;object-fit:contain;width:auto}.menu-icon{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:10px 0}.menu-icon div{background-color:#28262c;height:3px;margin:4px 0;transition:.3s;width:25px}.sidebar{background-color:#73937ee6;color:#28262c;font-size:24px;height:100%;padding-top:65px;position:fixed;right:-250px;text-align:right;top:0;transition:right .3s ease-in-out,top .2s ease-in-out,opacity .3s ease-in-out;width:250px;z-index:999}.sidebar.open{right:0}.sidebar ul{list-style:none;margin:0;padding:20px}.sidebar li{border-bottom:1px solid #28262c33;margin:0;padding:0}.sidebar li:last-child{border-bottom:none}.sidebar ul li a{color:#28262c;display:block;font-size:24px;font-weight:400;height:100%;padding:12px 0;text-decoration:none;transition:opacity .3s ease;width:calc(100% - 20px)}.sidebar ul li a:hover{opacity:.8}.dropdown-content{background-color:#28262c0d;border-top:1px solid #28262c33;display:none;margin:0;padding-left:20px}.dropdown-content li{border-bottom:none;margin:0;padding:0}.dropdown-content li:last-child{border-bottom:1px solid #28262c33}.dropdown-content .sidebar-link{font-size:24px;padding:12px 0 12px 12px;transition:opacity .3s ease}.dropdown-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:24px;font-weight:400;justify-content:flex-end;padding:12px 0;text-align:right;transition:opacity .3s ease;width:100%}.dropdown-toggle:hover{opacity:.8}.dropdown-icon{display:inline-block;font-size:24px;font-weight:400;height:24px;line-height:24px;margin-left:8px;text-align:center;transition:transform .3s ease;width:24px}.dropdown.open .dropdown-icon{transform:rotate(45deg)}.dropdown.open .dropdown-content{display:block}.sidebar-toggle-btn{align-items:center;background:none;border:none;color:#28262c;cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;padding:10px;position:absolute;right:50px;top:48%;transform:translateY(-50%);width:50px}.sidebar-toggle-btn:hover{opacity:.8}@font-face{font-family:GeistMono;src:url(/static/media/GeistMono-Regular.836c967f4fe81ef99044.ttf)}html{font-size:100%;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin}.home-page-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:100px 20px 0;width:100%}.intro-section{margin-top:50px;width:100%}.definition,.intro-section{max-width:900px;text-align:left}.definition{margin-left:auto;margin-right:auto}.greeting{font-size:2.5rem;font-weight:500;margin-bottom:.5rem}.greeting,.name{color:#28262c;text-align:left}.name{font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1;margin:0;white-space:nowrap}.description{color:#28262c;font-size:2.5rem;font-weight:500;margin-top:1rem;text-align:left}.definition a,.intro-section a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .1em;opacity:.8;padding:.1em 0;position:relative;transition:all .3s ease}.definition a:hover,.intro-section a:hover{background-color:#28262c0d;background-size:100% .2em;opacity:1}.projects-section{margin:8rem auto;max-width:900px;text-align:left}.projects-list{display:flex;flex-direction:column;gap:8rem;margin-top:4rem}.project-card{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:8rem}.project-card.reverse{direction:rtl;grid-template-columns:1fr 1fr}.project-card.reverse .project-content{direction:ltr}.project-content{display:flex;flex-direction:column;height:100%;max-width:500px;width:100%}.project-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;direction:ltr;height:350px;max-width:500px;overflow:hidden;width:100%}.project-image img{border-radius:8px;height:100%;object-fit:cover;width:100%}.project-content h2{font-size:2rem;margin-bottom:1rem}.project-content h2 a{align-items:center;color:#28262c;display:inline-flex;gap:.5rem;transition:color .2s ease}.project-content h2 a:hover{color:#73937e}.project-content h2 .github-icon{height:1.2rem;opacity:.6;width:1.2rem}.project-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.project-tech span{background:#28262c0d;border-radius:20px;color:#28262cb3;font-family:GeistMono,monospace;font-size:.9rem;padding:.25rem .75rem}.github-button{align-items:center;background-color:initial;border:2px solid #73937e;border-radius:8px;color:#73937e;display:inline-flex;font-weight:500;gap:.5rem;margin-top:auto;padding:.75rem 1.25rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.github-button:hover{background-color:#73937e;color:#28262c;transform:translateY(-2px)}.github-button .github-icon{height:1.2rem;width:1.2rem}.project-links{display:flex;gap:1.5rem}.project-links a{color:#28262c;font-size:1rem;opacity:.8;text-decoration:none;transition:opacity .3s ease}.project-links a:hover{opacity:1}.project-card:hover .project-image img{transform:scale(1.03)}@media (max-width:720px){.home-page-content{padding-top:80px}.intro-section{margin-top:30px}.name{font-size:clamp(2.5rem,8vw,4rem);white-space:normal}}@media (max-width:768px){.project-card{gap:2rem;grid-template-columns:1fr}.project-content{padding:0}.projects-list{gap:6rem}}.skills-section{margin:8rem auto;max-width:900px;text-align:left}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.skill-category{background:#28262c05;border-radius:8px;padding:2rem;transition:transform .3s ease,background-color .3s ease}.skill-category:hover{background:#28262c0a;transform:translateY(-5px)}.skill-category h2{color:#28262c;font-size:1.5rem;margin-bottom:1.5rem}.skill-category ul{list-style:none;margin:0;padding:0}.skill-category li{color:#28262ccc;font-size:1.1rem;margin-bottom:1rem}.skill-category li:last-child{margin-bottom:0}.layout-debug{outline:2px solid red}:root{--page-size:100vw}@font-face{font-family:DMSans;src:url(/static/media/DMSans-VariableFont_opsz,wght.b230ddb7eabb4b25e123.ttf)}body{background-color:#f5f5f5;color:#28262c;font-family:DMSans,sans-serif;margin:0;padding:0}.content{box-sizing:border-box;margin:0 auto;max-width:650px;padding:20px;position:relative;top:50px;width:100%}@media (max-width:720px){.content{padding:15px}}h1{font-size:46px}h2{font-size:30px}h3{font-size:24px}p{font-size:20px}.top-bar{align-items:center;background-color:#73937e;color:#28262c;justify-content:space-between;left:0;padding-left:25px;padding-top:5px;position:fixed;right:0;top:0;transition:top .3s;width:100%}.top-bar.hidden{top:-70px}.top-bar.visible{top:0}.try-links{margin-inline:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:10px;position:relative;text-align:center;top:50px}a{color:inherit;text-decoration:none}.content a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .1em;opacity:.8;padding:.1em 0;position:relative;transition:all .3s ease}.content a:hover{background-color:#28262c0d;background-size:100% .2em;opacity:1}a:link,a:visited{color:inherit}.home-page-content{margin:0 auto;max-width:1200px;padding:20px}.intro-section{font-size:24px;margin:40px 0;text-align:center}.greeting{color:#333;margin-bottom:20px}.animate-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animate-in.show{opacity:1;transform:translateY(0)}.pull-name-screen{align-items:center;background-color:#f1f7f1;display:flex;justify-content:center;min-height:100vh;padding:20px}.pull-name-card{max-width:440px;width:100%}.pull-logo-area{margin-bottom:32px;text-align:center}.pull-subtitle{color:#73937e;font-size:.85rem;font-weight:500;letter-spacing:.02em;margin:0 0 8px}.pull-title{color:#28262c;font-size:5rem;font-weight:700;line-height:1;margin:0}.pull-tagline{color:#666;font-size:.9rem;margin:10px 0 0}.pull-divider{border-top:1px solid #28262c1a;margin-bottom:28px}.pull-label{color:#28262c;font-size:.85rem;font-weight:600;margin:0 0 8px}.pull-input{background:#fff;border:1px solid #28262c26;border-radius:8px;box-shadow:0 1px 3px #0000000f;box-sizing:border-box;color:#28262c;font-family:DMSans,sans-serif;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.pull-input::placeholder{color:#aaa}.pull-input:focus{border-color:#73937e;outline:none}.pull-btn-primary{background-color:#73937e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:DMSans,sans-serif;font-size:.95rem;font-weight:500;margin-top:10px;padding:12px 24px;transition:all .2s ease;width:100%}.pull-btn-primary:hover:not(:disabled){background-color:#64896f;transform:scale(1.01)}.pull-btn-primary:disabled{cursor:not-allowed;opacity:.4}.pull-fine-print{color:#999;font-size:.75rem;line-height:1.6;margin-top:16px;text-align:center}.pull-page{background-color:#f1f7f1;min-height:100vh}.pull-content{margin:0 auto;max-width:680px;padding:90px 20px 40px}.pull-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.pull-page-title{color:#28262c;font-size:2.5rem;font-weight:700;line-height:1;margin:0}.pull-page-sub{color:#73937e;font-size:.85rem;margin:4px 0 0}.pull-user-info{align-items:center;display:flex;gap:10px}.pull-user-name{color:#73937e;font-size:.9rem;font-weight:600}.pull-change-btn{background:none;border:none;color:#999;cursor:pointer;font-family:DMSans,sans-serif;font-size:.8rem;padding:0;transition:color .2s ease}.pull-change-btn:hover{color:#28262c}.pull-instructions{color:#666;font-size:.9rem;line-height:1.6;margin:0 0 24px}.pull-instructions strong{color:#73937e;font-weight:600}.pull-banner{background:#fff;border:1px solid #73937e4d;border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:20px;padding:16px}.pull-banner-title{color:#73937e;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.pull-banner-items{display:flex;flex-wrap:wrap;gap:24px}.pull-banner-item{align-items:center;display:flex;gap:8px}.pull-banner-rank{color:#999;font-size:.8rem}.pull-banner-date{color:#28262c;font-size:1.1rem;font-weight:700}.pull-banner-count{color:#73937e;font-size:.8rem;font-weight:500}.pull-grid{display:flex;flex-direction:column;gap:8px}.pull-card{background:#fff;border:1px solid #28262c1f;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:border-color .2s ease}.pull-card.active{border-color:#73937e}.pull-card:hover{border-color:#28262c40}.pull-card.active:hover{border-color:#73937e}.pull-card-header{background:none;border:none;cursor:pointer;font-family:DMSans,sans-serif;justify-content:space-between;padding:16px;text-align:left;width:100%}.pull-card-header,.pull-card-left{align-items:center;display:flex;gap:12px}.pull-card-date{align-items:flex-start;display:flex;flex-direction:column}.pull-card-month{color:#999;font-size:.7rem;letter-spacing:.08em;line-height:1;text-transform:uppercase}.pull-card-day{color:#28262c;font-size:2rem;font-weight:700;line-height:1}.pull-card-status{color:#999;font-size:.8rem}.pull-card-status.committed{color:#73937e;font-weight:500}.pull-card-right{flex-shrink:0;text-align:right}.pull-card-count{color:#73937e;display:block;font-size:.9rem;font-weight:600}.pull-card-pool{color:#999;display:block;font-size:.75rem}.pull-card-empty{color:#ccc;font-size:.75rem}.pull-card-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.pull-chip{background:#f9f9f9;border:1px solid #28262c1f;border-radius:999px;color:#666;font-size:.75rem;padding:3px 10px}.pull-chip.mine{background:#73937e14;border-color:#73937e;color:#73937e}.pull-card-bar-wrap{background:#28262c0f;border-radius:999px;height:4px;margin:0 16px 12px;overflow:hidden}.pull-card-bar-fill{background:#73937e;border-radius:999px;height:100%;transition:width .6s ease}.pull-card-expanded{border-top:1px solid #28262c0f;padding:0 16px 16px}.pull-commitment-selector{padding-top:14px}.pull-level-btn{align-items:center;background:#fff;border:1px solid #28262c1f;border-radius:8px;cursor:pointer;display:flex;font-family:DMSans,sans-serif;justify-content:space-between;margin-bottom:6px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.pull-level-btn:hover{background:#f9fbf9;border-color:#73937e80}.pull-level-btn.active{background:#73937e0d;border-color:#73937e}.pull-level-text{display:flex;flex-direction:column;gap:2px}.pull-level-label{color:#28262c;font-size:.9rem;font-weight:500}.pull-level-sub{color:#999;font-size:.75rem}.pull-level-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.pull-level-amount{color:#28262c;font-size:.9rem;font-weight:600}.pull-level-amount.active{color:#73937e}.pull-dot{background:#73937e;border-radius:50%;height:8px;width:8px}.pull-clear-btn{background:none;border:none;color:#999;cursor:pointer;font-family:DMSans,sans-serif;font-size:.8rem;padding:8px 0;text-align:center;transition:color .2s ease;width:100%}.pull-clear-btn:hover{color:#28262c}.pull-loading{color:#999;font-size:.9rem;padding:48px 0;text-align:center}.pull-footer{border-top:1px solid #28262c14;color:#ccc;font-size:.75rem;margin-top:40px;padding-top:20px;text-align:center}
/*# sourceMappingURL=main.0406497e.css.map*/