.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:50%;transform:translateY(-50%);width:50px}.sidebar-toggle-btn:hover{opacity:.8}:root{--sussy-btn-bg:#73937e;--sussy-btn-hover-bg:#64896f;--sussy-btn-text:#222;--sussy-btn-left-offset:-65%;--sussy-img-vertical-adjust:-2px}.order-sussy-button{animation:pulse 2s infinite;background-color:#73937e;background-color:var(--sussy-btn-bg);border:2px solid #28262c;border-radius:8px;box-shadow:0 4px 8px #0000001f;color:#222;color:var(--sussy-btn-text);font-size:18px;font-weight:700;left:50%;letter-spacing:1px;margin:0 auto;padding:10px 24px;position:absolute;text-align:center;text-decoration:none;transform:translateX(-65%);transform:translateX(var(--sussy-btn-left-offset));transition:all .3s ease}.order-sussy-button:hover{background-color:#64896f;background-color:var(--sussy-btn-hover-bg);box-shadow:0 6px 12px #0000002e;color:#222!important;color:var(--sussy-btn-text)!important;transform:translateX(-65%) scale(1.05);transform:translateX(var(--sussy-btn-left-offset)) scale(1.05)}.sussy-logo-inline{display:inline-block;height:1.6em;margin:0 6px;position:relative;top:-2px;top:var(--sussy-img-vertical-adjust);vertical-align:middle;width:auto}@keyframes pulse{0%{transform:translateX(-65%) scale(1);transform:translateX(var(--sussy-btn-left-offset)) scale(1)}50%{transform:translateX(-65%) scale(1.05);transform:translateX(var(--sussy-btn-left-offset)) scale(1.05)}to{transform:translateX(-65%) scale(1);transform:translateX(var(--sussy-btn-left-offset)) scale(1)}}@media (max-width:600px){.order-sussy-button{border-radius:6px;font-size:14px;padding:6px 12px}.sussy-logo-inline{height:1.1em;margin:0 3px}}0%{transform:translateX(-65%) scale(1);transform:translateX(var(--sussy-btn-left-offset)) scale(1)}50%{transform:translateX(-65%) scale(1.05);transform:translateX(var(--sussy-btn-left-offset)) scale(1.05)}to{transform:translateX(-65%) scale(1);transform:translateX(var(--sussy-btn-left-offset)) scale(1)}@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;overflow-x:hidden;position:relative;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{display:block;font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1;margin:0;max-width:100%;position:relative;width:-webkit-fit-content;width:fit-content}.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}.experiences-section{margin:8rem auto;max-width:900px;text-align:left}.timeline-tabs{display:flex;gap:1rem;margin:2rem 0}.timeline-tab{background:#28262c05;border:2px solid #0000;border-radius:8px;color:#28262cb3;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.timeline-tab:hover{background:#28262c0a;color:#28262ce6}.timeline-tab.active{background:#73937e1a;border-color:#73937e;color:#73937e;font-weight:600}.experiences-subtitle{color:#28262ccc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.timeline-container{align-items:flex-start;display:flex;flex-direction:row;margin-top:2rem;min-height:400px;position:relative}.timeline-bar{background:linear-gradient(180deg,#73937e,#b0c9a8);border-radius:4px;height:100%;left:30px;min-height:400px;position:absolute;top:0;transform-origin:top;width:4px;z-index:0}.timeline-items{display:flex;flex:1 1;flex-direction:column;gap:70px;margin-left:60px;width:100%}.timeline-item{align-items:flex-start;cursor:pointer;display:flex;position:relative;transition:all .3s ease;width:100%;z-index:2}.timeline-dot{background:#73937e;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 10px #73937e33;height:20px;left:-28px;pointer-events:none;position:absolute;top:25px;transform:translateX(-50%);width:20px;z-index:3}.timeline-dot.education{background:#5a7d65}.timeline-item:hover .timeline-dot{background:#b0c9a8}.timeline-item:hover .timeline-dot.education{background:#7a9d85}.timeline-type-tag{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;right:-10px;text-transform:uppercase;top:20px;z-index:2}.timeline-type-tag.experience{background-color:#73937e26;color:#73937e}.timeline-type-tag.education{background-color:#5a7d6526;color:#5a7d65}.timeline-content{background:#28262c05;border-radius:8px;box-shadow:0 4px 16px #28262c14;overflow:hidden;padding:1.5rem 2rem;transition:all .3s ease;width:100%}.timeline-item:hover .timeline-content{background:#28262c0a;box-shadow:0 8px 30px #0000001f}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:.5rem}.timeline-logo-container{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;height:40px;justify-content:center;margin-right:15px;overflow:hidden;width:40px}.timeline-logo{max-height:100%;max-width:100%;object-fit:contain}.timeline-company-container{align-items:center;display:flex;gap:8px}.timeline-website-link{align-items:center;color:#73937e;display:inline-flex;transition:color .2s ease}.timeline-website-link:hover{color:#5a7d65}.timeline-year{color:#73937e;font-size:1.2rem;font-weight:600;margin-right:1rem}.timeline-title-container{flex:1 1}.timeline-job-title{color:#28262c;font-size:1.4rem;font-weight:600;margin:0}.timeline-company{color:#28262ccc;display:block;font-size:1.1rem;font-weight:500;margin-top:.2rem}.timeline-description-container{overflow:hidden}.timeline-description{color:#28262ccc;font-size:1rem;line-height:1.6;margin-top:1rem;overflow:hidden}@media (max-width:768px){.timeline-header{align-items:flex-start;flex-direction:column}.timeline-year{margin-bottom:.5rem}.timeline-bar{left:20px}.timeline-dot{left:-35px}.timeline-items{gap:50px;margin-left:40px}.timeline-content{padding:1.2rem 1.5rem}}@media (max-width:480px){.timeline-items{margin-left:30px}.timeline-dot{height:16px;left:-25px;width:16px}.timeline-content{padding:1rem}.timeline-job-title{font-size:1.2rem}}:root{--page-size:100vw}@font-face{font-family:DMSans;src:url(/static/media/DMSans-VariableFont_opsz,wght.b230ddb7eabb4b25e123.ttf)}body{background-color:#f5f5f5;background-color:#f1f7f1;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)}header{text-align:center}.order-page{margin:0 auto;max-width:800px;padding:20px}.order-form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.order-form{gap:20px}.form-group,.order-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:16px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.price-display{background-color:#efefef;border-radius:4px;font-size:18px;padding:10px 15px;text-align:right}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:14px 20px;transition:background-color .3s ease}.submit-button:hover{background-color:#0069d9}@media (max-width:768px){.order-page{padding:10px}.order-form-container{padding:15px}}.thank-you-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:800px;min-height:calc(100vh - 120px);padding:20px}@media (min-width:600px){.thank-you-page{justify-content:flex-start;min-height:60vh}}.thank-you-container{background-color:#fff;border:1.5px solid #e4ede5;border-radius:16px;box-shadow:0 6px 28px #73937e24;margin-top:48px;max-width:480px;padding:32px 32px 28px;text-align:center;width:100%}.thank-you-container h1{color:#73937e;font-size:2.5rem;margin-bottom:20px}.thank-you-container p{color:#333;font-size:1.2rem;margin-bottom:15px}.button-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.action-button{border:none;box-shadow:0 2px 8px #73937e1a;color:#28262c;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;outline:none;padding:12px 30px;text-decoration:none;transition:box-shadow .18s,filter .18s,background .18s}.action-button:focus{outline:2px solid #73937e;outline-offset:2px}.action-button:visited{color:#28262c;text-decoration:none}.action-button:hover{box-shadow:0 6px 16px #73937e21;box-shadow:0 6px 20px #73937e21;filter:brightness(1.06);text-decoration:none;transform:translateY(-2px) scale(1.03)}.home-button:hover{background-color:#64896f;border-color:#64896f}.order-button:hover{background-color:#73937e1a}@media (max-width:600px){.thank-you-container{padding:30px 20px}.button-container{flex-direction:column;gap:15px}.action-button{width:100%}}
/*# sourceMappingURL=main.50d9b27f.css.map*/