body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{height:100vh}*{box-sizing:border-box;font-family:Roboto,monospace;margin:0;padding:0}:root{--hover-color:#3f5a36}body{background-color:#f5f5f5}.section h2{color:#3f5a36;display:inline-block;font-size:2.5rem;margin-bottom:1rem}.app{display:block;min-height:100vh;position:relative}.sidebar{align-items:center;background:#22311d;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 0;position:fixed;width:60px;z-index:1000}.logo-container{margin-bottom:0}.social-links{display:flex;flex-direction:column;gap:25px;margin-top:auto;padding-bottom:40px}.icon{color:#ffefd5;font-size:24px;transition:color .3s}.icon:hover{color:#3f5a36;color:var(--hover-color)}.top-nav{background:#f5f5f5;box-shadow:0 2px 5px #0000001a;display:flex;gap:20px;justify-content:flex-end;left:60px;padding:20px;position:fixed;right:0;top:0;z-index:1000}.top-nav button{background:none;border:none;color:#2c3e50;cursor:pointer;font-size:16px;font-weight:550;padding:5px 10px;transition:color .2s}.top-nav button:hover{color:#3f5a36;color:var(--hover-color)}.content{margin-left:60px;padding:40px;position:relative;width:calc(100% - 60px)}.section{border-bottom:1px solid #eee;min-height:100vh;padding:40px 0}.home-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.home-icon{font-size:28px!important;transition:transform .3s ease}.home-icon:hover{color:#3f5a36;color:var(--hover-color);transform:scale(1.1)}.hero{background-image:url(/static/media/IMG_6056.58b47acbe2e2c6e58312.jpeg);background-position:50%;background-size:cover;height:100vh;margin-left:60px;position:relative;transition:opacity .01s ease;width:calc(100% - 60px)}.hero.scrolled{opacity:0;transform:translateY(-40px)}.hero-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-top:35vh;position:absolute;right:0;top:0}.hero-name{color:#fff;font-size:4rem;text-align:center;text-shadow:0 4px 8px #000000e6}.hero-container{height:100vh;margin-left:60px;width:calc(100% - 60px)}.hero-content{text-align:center}.hero-subtext{color:#fff;font-size:1.5rem;font-weight:300;letter-spacing:.05em;margin-top:1rem;text-shadow:0 8px 10px #000000e6}.section{scroll-margin-top:80px}.about-container{align-items:flex-start;display:flex;gap:60px;margin:40px auto 0;max-width:1200px;padding:0 20px}.about-text{flex:2 1;font-size:1.1rem;line-height:1.7;min-width:0}.about-image{flex:1 1;max-width:400px;min-width:300px;position:relative}.profile-photo{aspect-ratio:3/4;border-radius:15px;box-shadow:0 10px 30px #0003;height:auto;object-fit:cover;width:100%}@media (max-width:768px){.about-container{flex-direction:column;gap:30px}.about-image{max-width:100%;min-width:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-container{animation:fadeIn .8s ease-out forwards}.tech-section{margin-top:2rem}.tech-section h3{color:#3f5a36;color:var(--hover-color);font-size:1.3rem;margin-bottom:1.2rem}.tech-list{column-count:2;gap:20px;list-style:none;padding-left:0}.tech-list li{font-size:.95rem;margin-bottom:.8rem;padding-left:25px;position:relative;transition:transform .2s ease}.tech-list li:before{color:#3f5a36;color:var(--hover-color);content:"▹";font-size:1.1rem;left:0;line-height:1;position:absolute}.tech-list li:hover{color:#3f5a36;color:var(--hover-color);cursor:default;transform:translateX(5px)}@media (max-width:768px){.tech-list{column-count:1}}.timeline-container{margin:40px auto 0;max-width:1200px;padding:0 20px 20px}.timeline{padding-left:30px;position:relative}.timeline:before{background:#3f5a36;background:var(--hover-color);content:"";height:calc(100% - 30px);left:7px;opacity:.3;position:absolute;top:15px;width:2px}.timeline-item{margin-bottom:40px;padding-left:30px;position:relative}.timeline-item:before{border:3px solid #3f5a36;border:3px solid var(--hover-color);border-radius:50%;content:"";height:18px;left:-8px;position:absolute;top:5px;width:18px}.timeline-content,.timeline-item:before{background:#fff;transition:transform .3s ease}.timeline-content{border-radius:8px;box-shadow:0 3px 15px #0000001a;padding:25px}.timeline-content:hover{transform:translateX(10px)}.timeline-company{color:#3f5a36;color:var(--hover-color);font-size:1.1rem;font-weight:600;margin:8px 0}.timeline-date{color:#666;font-size:.9rem;margin-bottom:12px}.timeline-content h3{font-size:1.3rem;margin:0 0 5px}@media (max-width:768px){.timeline-container{padding:0 10px}.timeline-content{padding:20px}.timeline:before{left:4px}.timeline-item{padding-left:25px}}.contact-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:40px auto 0;max-width:1200px;padding:0 20px}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.form-group label{color:#666;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:15px;transition:border-color .3s ease;width:100%}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group input:not(:placeholder-shown),.form-group textarea:focus,.form-group textarea:not(:placeholder-shown){border-color:#3f5a36;border-color:var(--hover-color)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{background:#fff;color:#3f5a36;color:var(--hover-color);font-size:.9rem;left:10px;padding:0 5px;top:-10px}.submit-btn{align-self:flex-start;background:#3f5a36;background:var(--hover-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 35px;transition:transform .3s ease}.submit-btn:hover{background:#2d4133;transform:translateY(-2px)}.contact-info{border-left:2px solid #eee;padding-left:30px}.contact-list{list-style:none;margin-top:30px;padding:0}.contact-list li{align-items:center;display:flex;gap:15px;margin-bottom:25px}.contact-list a{color:#2c3e50;text-decoration:none;transition:color .3s ease}.contact-list a:hover{color:#3f5a36;color:var(--hover-color)}@media (max-width:768px){.contact-container{gap:30px;grid-template-columns:1fr}.contact-info{border-left:none;border-top:2px solid #eee;padding-left:0;padding-top:30px}}.success-notification{align-items:center;background:#3f5a36;background:var(--hover-color);border-radius:8px;bottom:-50px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;gap:12px;opacity:0;padding:15px 25px;position:fixed;right:30px;transition:all .3s ease;z-index:2000}.success-notification.visible{bottom:30px;opacity:1}.check-icon{animation:checkPop .4s ease;font-size:1.4rem;font-weight:700}@keyframes checkPop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.projects-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:40px auto 0;max-width:1200px;padding:0 20px}.project-card{background:#fff;border-left:4px solid #3f5a36;border-left:4px solid var(--hover-color);border-radius:8px;box-shadow:0 3px 15px #0000001a;padding:25px;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px) scale(1.02)}.project-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.project-organization{color:#3f5a36;color:var(--hover-color);font-size:1rem;font-weight:600;margin-bottom:15px}.project-card p{color:#666;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.projects-container{grid-template-columns:1fr;padding:0 10px}.project-card{margin-bottom:20px}}.github-link{bottom:20px;color:#2c3e50;font-size:1.4rem;position:absolute;right:20px;transition:all .3s ease}.github-link:hover{color:#3f5a36;color:var(--hover-color);transform:scale(1.15)}.project-card{padding-bottom:60px;position:relative}.project-features{color:#666;margin:15px 0;padding-left:20px}.project-features li{line-height:1.4;margin-bottom:8px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-tags span{background:#f0f0f0;border:1px solid #ddd;border-radius:15px;color:#3f5a36;color:var(--hover-color);font-size:.85rem;padding:4px 12px}.mobile-menu{display:none;left:20px;position:fixed;top:20px;z-index:2000}.hamburger-btn{align-items:center;background:#22311d;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:50px;justify-content:center;width:50px;z-index:2001}.mobile-nav-container{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:-100%;max-width:300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:1999}.mobile-nav-container.open{left:0}.mobile-nav-content{display:flex;flex-direction:column;gap:10px;padding:80px 20px 40px}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;gap:15px;padding:15px 20px;text-align:left;transition:background-color .2s}.mobile-nav-item:hover{background-color:#f0f0f0}.mobile-social-links{border-top:1px solid #eee;margin-top:20px;padding-top:20px}@media (max-width:768px){.desktop-only{display:none}.mobile-menu{display:block}.sidebar,.top-nav{display:none}.content,.hero{margin-left:0;width:100%}.hero{background-position:center 30%}.hero-overlay{padding-top:30vh}.hero-name{font-size:3rem}.section{min-height:auto;padding:20px 0}.content{padding:20px}.mobile-nav-container.open+.mobile-menu-backdrop{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1998}}@media (min-width:769px) and (max-width:1024px){.hero-name{font-size:3.5rem}.about-container{flex-direction:column}.about-image{margin:0 auto;max-width:70%}}
/*# sourceMappingURL=main.f5b7c834.css.map*/