body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#172a45;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;width:100%}*,body{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#172a45;border:1px solid #ffffff1a;border-radius:0 0 8px 8px;border-top:none;box-sizing:border-box;color:#eaeaea;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:hidden;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.nav-left,.navbar{align-items:center;display:flex}.nav-left{gap:20px}.nav-links,.social-links{display:flex;font-size:20px;font-weight:200;list-style:none}.social-links{gap:15px}.nav-links{gap:20px}.nav-links li{cursor:pointer;transition:color .3s ease}.nav-links li:hover{color:#64b5f6}.nav-title{font-size:20px;font-weight:700}@media (max-width:768px){.navbar{box-sizing:border-box;max-width:100%;padding:0 15px;width:100%}.nav-links{display:none}.social-links{gap:15px}.nav-title,.social-links{font-size:18px}.nav-left{gap:15px}}.hero{align-items:center;color:#fff;display:flex;flex-direction:column;height:90vh;justify-content:center}.hero-text{font-size:40px;opacity:0;transform:translateX(-100px)}.hero p{box-sizing:border-box;font-size:20px;line-height:1.5;max-width:90%;text-align:center;width:600px}.hero-description{opacity:0;transform:translateY(50px)}.hero h2{font-size:25px;margin-top:0;padding:0}.Typewriter__cursor{animation:none;color:#339fd8}.say-hi-button{align-items:center;background:#0000;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:18px;font-weight:500;gap:8px;margin:20px 0;padding:12px 30px;transition:all .3s ease}.hero-button{opacity:0;transform:translateY(50px)}.say-hi-button:hover{background:#fff;box-shadow:0 5px 15px #fff3;color:#1a1a1a;transform:translateY(-2px)}.email-icon{font-size:20px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-text.animate-in{animation:slideInFromLeft .8s ease-out forwards}.hero-description.animate-in{animation:slideInFromBottom .8s ease-out .3s forwards;opacity:0}.hero-button.animate-in{animation:slideInFromBottom .8s ease-out .6s forwards;opacity:0}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottomUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.about-header.animate-in{animation:slideInFromTop .8s ease-out forwards}.about-text.animate-in{animation:slideInFromBottomUp .8s ease-out .2s forwards;opacity:0}.about-image.animate-in{animation:slideInFromBottomUp .8s ease-out .4s forwards;opacity:0}.featured-header.animate-in{animation:slideInFromTop .8s ease-out forwards}.featured-content.animate-in{animation:slideInFromBottomUp .8s ease-out .2s forwards;opacity:0}.portfolio-header.animate-in{animation:slideInFromTop .8s ease-out forwards}.portfolio-item.animate-in{animation:scaleIn .6s ease-out forwards;opacity:0}.portfolio-item.animate-in:first-child{animation-delay:.1s}.portfolio-item.animate-in:nth-child(2){animation-delay:.2s}.portfolio-item.animate-in:nth-child(3){animation-delay:.3s}.portfolio-item.animate-in:nth-child(4){animation-delay:.4s}.portfolio-item.animate-in:nth-child(5){animation-delay:.5s}.portfolio-item.animate-in:nth-child(6){animation-delay:.6s}.portfolio-item.animate-in:nth-child(7){animation-delay:.7s}.projects-header.animate-in{animation:slideInFromTop .8s ease-out forwards}.projects-content.animate-in{animation:slideInFromBottomUp .8s ease-out .2s forwards;opacity:0}.about{margin:auto;max-width:1100px;min-height:50vh}.about-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;opacity:0;transform:translateY(-50px);width:100%}.about h1{color:#fff;font-size:3rem;margin:0;text-align:left}.header-line{border:none;border-top:1px solid #bbb;margin-left:2rem;margin-top:22px;width:300px}.about-content{align-items:flex-start;color:#fff;display:flex;font-size:20px;gap:2rem;line-height:1.5;padding-left:0}.about-text{display:flex;flex:1 1;flex-direction:column;opacity:0;transform:translateY(30px)}.about-content p{flex:1 1;text-align:justify}.about-running-media{align-items:flex-start;display:flex;gap:1.5rem;margin-top:1rem}.about-running-media iframe{border:none;border-radius:10px;flex-shrink:0}.marathon-photo{border-radius:10px;height:454px;max-width:100%;object-fit:cover;width:auto}.about-image{opacity:0;transform:translateY(30px)}.about-image img{border-radius:10px;box-sizing:border-box;height:auto;margin-left:50px;max-width:100%;width:350px}.featured{margin:auto;max-width:1100px;min-height:50vh;padding-top:50px}.featured-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;opacity:0;padding-left:0;transform:translateY(-50px);width:100%}.featured h1{color:#fff;font-size:3rem;margin:0;text-align:left}.featured .header-line{border:none;border-top:1px solid #bbb;margin-left:2rem;margin-top:22px;width:300px}.featured-content{color:#fff;flex-direction:column;padding-top:2rem}.featured-content,.featured-main{display:flex;gap:2rem;opacity:0;transform:translateY(30px)}.featured-main{align-items:center;width:100%}.featured-content.animate-in .featured-main{animation:slideInFromBottomUp .8s ease-out .2s forwards}.featured-showcase{border-radius:10px;flex:1.1 1;min-width:0;overflow:hidden}.featured-info{color:#fff;flex:1 1;min-width:0}.featured-info h2{color:#fff;font-size:1.75rem;margin:0 0 .5rem}.featured-tagline{color:#339fd8;font-size:1.125rem;margin:0 0 1rem}.featured-description{color:#d2d2d2;font-size:1.05rem;line-height:1.6;margin:0 0 1.25rem;text-align:left}.featured-info .view-site-link{margin-top:0}.featured-screenshot{border-radius:10px;display:block;height:auto;transition:transform .3s ease,box-shadow .3s ease;width:100%}.featured-showcase a:hover .featured-screenshot{box-shadow:0 12px 28px #00000059;transform:translateY(-4px)}.featured-cta{aspect-ratio:5.5/1;border:1px solid #a0a0a0a6;margin:0 auto;max-width:1045px;min-height:175px;opacity:0;overflow:hidden;position:relative;transform:translateY(30px);width:95%}.featured-content.animate-in .featured-cta{animation:slideInFromBottomUp .8s ease-out .4s forwards}.featured-cta-bg{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.featured-cta-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:absolute}.featured-cta-content{color:#fff;padding:1rem;text-align:center}.featured-cta-content h2{color:#fff;font-size:clamp(1rem,2.25vw,1.75rem);font-weight:400;line-height:1.3;margin:0 0 .5rem}.featured-cta-content h2 strong{font-weight:700}.featured-cta-link{color:#fff;font-size:clamp(.85rem,1.25vw,1rem);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.featured-cta-link:hover{opacity:.85}.portfolio{margin:auto;max-width:1100px;min-height:50vh;padding-top:50px}.portfolio-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;opacity:0;padding-left:0;transform:translateY(-50px);width:100%}.portfolio h1{color:#fff;font-size:3rem;margin:0;text-align:left}.portfolio .header-line{border:none;border-top:1px solid #bbb;margin-left:2rem;margin-top:22px;width:300px}.portfolio-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:2rem}.portfolio-item{background:#ffffff1a;border-radius:10px;color:#fff;max-width:400px;opacity:0;padding:1.5rem;text-align:center;transform:scale(.8);transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.portfolio-item img{border-radius:8px;height:auto;margin-bottom:1rem;width:100%}.portfolio-item h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.portfolio-item p{color:#bbb;font-size:1rem;margin:.5rem}.view-site-link{color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-top:1rem;padding-bottom:4px;position:relative;text-decoration:none}.view-site-link:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.view-site-link:hover:after{width:100%}.contact-me-button{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;margin:0;padding:0}.contact-me-button:after{bottom:-8px}.placeholder-box{align-items:center;background-color:#000;border-radius:8px;box-sizing:border-box;display:flex;height:290px;justify-content:center;max-width:100%;width:25rem}.placeholder-box span{color:#fff;font-size:4rem;font-weight:700}.portfolio-item.development{position:relative}.development-overlay{align-items:center;background-color:#000000b3;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.development-text{color:#fff;font-size:1.2rem;font-weight:600;padding:1rem;text-align:center}.projects{margin:auto;max-width:1100px;min-height:50vh;padding-top:50px}.projects-header{align-items:center;display:flex;margin-bottom:1rem;opacity:0;transform:translateY(-50px)}.projects h1{color:#fff;font-size:3rem;margin:0;text-align:left}.projects .header-line{border:none;border-top:1px solid #bbb;margin-left:2rem;margin-top:22px;width:300px}.square{background:Sinceblue;height:100px;width:100px}.projects-content{height:630px;opacity:0;position:relative;transform:translateY(30px)}.finder-scroll{-ms-overflow-style:none;display:flex;flex-direction:row;gap:0;height:350px;left:220px;max-width:440px;overflow-x:auto;overflow-y:hidden;padding:16px;position:absolute;scrollbar-width:none;top:410px;white-space:nowrap;width:calc(100% - 260px)}.finder-scroll::-webkit-scrollbar{display:none}.folder-item{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:13px;min-width:120px;transform:translateY(-2px);transition:transform .2s ease}.folder-item.selected,.folder-item:hover{background-color:#b4b4b480;border-radius:10px;height:100px}.folder-item img{height:auto;margin-bottom:8px;padding-top:4px;width:140px}.folder-item span{display:none}.folder-modal-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.folder-modal-content{align-items:center;border-radius:20px;cursor:default;display:flex;flex-direction:column;left:42%;pointer-events:auto;position:absolute;top:130px;transform:translateX(-50%);z-index:1}.folder-modal-content img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:auto;margin-bottom:20px;width:300px}.folder-modal-content span{color:#fff;font-size:24px;font-weight:500;text-align:center}.folder-modal-information{align-items:center;color:#fff;display:flex;flex-direction:column;margin-left:1000px;margin-top:110px}.folder-modal-information img{height:auto;margin-bottom:10px;width:90px}.folder-modal-information h1{font-size:24px;font-weight:500}.folder-modal-information-header{align-items:center;display:flex;gap:10px;width:700px}.folder-modal-information-content{color:#fff;padding-left:710px}.video-modal-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.video-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #00000080;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.video-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 16px}.video-close-button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:background-color .2s ease}.video-close-button:hover{background-color:#ffffff1a}.video-modal-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:16px 20px}.video-modal-body video{display:block;height:auto;max-height:100%;max-width:100%;width:auto}.video-modal-info{border-top:1px solid #ffffff1a;color:#fff;flex-shrink:0;padding:16px 20px 20px;text-align:center}.video-modal-info h3{font-size:20px;font-weight:500;margin:0 0 10px}.video-modal-info p{color:#ccc;font-size:14px;line-height:1.4;margin:0}@media (max-width:768px){.hero{flex-direction:column;height:100vh;margin:0 auto;padding:40px 20px 0}.hero,.hero-text{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.hero-text{font-size:24px;margin-bottom:30px}.hero p{box-sizing:border-box;font-size:16px;line-height:1.6;margin:0 auto 40px;max-width:320px;padding:0 10px;width:100%}.say-hi-button{font-size:16px;margin:30px auto;padding:12px 30px}.about,.say-hi-button{align-items:center;display:flex;justify-content:center}.about{flex-direction:column;max-width:100%;min-height:100vh;padding:0 20px;text-align:center}.about-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;width:100%}.about h1{font-size:2rem;margin-bottom:20px;text-align:center}.header-line{display:none;margin-bottom:40px;margin-left:.5rem;width:80px}.about-content{flex-direction:column;gap:2rem;margin:0 auto;text-align:center}.about-content,.about-text{align-items:center;display:flex;justify-content:center;width:100%}.about-text{flex:none!important;flex-direction:column;order:2}.about-image{align-items:center;display:flex;justify-content:center;margin-left:0;order:1;width:100%}.about-image img{max-width:100%;width:200px}.about-content p,.about-image img{box-sizing:border-box;display:block;margin:0 auto}.about-content p{flex:none!important;font-size:16px!important;line-height:1.6;max-width:90%;padding:0 10px;text-align:center!important}.about-running-media{align-items:center;flex-direction:column;width:100%}.about-running-media iframe{height:400px;max-width:300px;width:100%}.marathon-photo{height:auto;max-height:400px;max-width:300px;width:100%}.featured{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:auto;padding:60px 20px;text-align:left}.featured h1{font-size:2rem;margin-bottom:0;text-align:left}.featured .header-line{display:none;margin-bottom:0;margin-left:1rem;width:120px}.featured-content{box-sizing:border-box;padding:0 10px;width:100%}.featured-main{align-items:center;flex-direction:column;gap:1.5rem}.featured-description,.featured-info{text-align:center}.featured-cta{aspect-ratio:auto;min-height:170px}.portfolio{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding:60px 20px;text-align:left}.portfolio h1{font-size:2rem;margin-bottom:0;text-align:left}.portfolio .header-line{display:none;margin-bottom:0;margin-left:1rem;width:120px}.portfolio-content{align-items:center;box-sizing:border-box;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto;max-width:400px;padding:0 10px;width:100%}.portfolio-item{box-sizing:border-box;max-width:100%;padding:1.5rem;width:100%}.placeholder-box{box-sizing:border-box;height:180px;width:100%}.projects{display:none}.projects-content{height:auto;min-height:500px}.finder-scroll{height:200px;left:auto;margin-top:20px;max-width:100%;position:relative;top:auto;width:100%}.folder-item{min-width:100px}.folder-item img{width:80px}.folder-modal-content{left:50%;top:50px;transform:translateX(-50%)}.folder-modal-content img{width:200px}.folder-modal-information{margin-left:0;margin-top:50px;text-align:center}.folder-modal-information-header{flex-direction:column;gap:5px;width:100%}.folder-modal-information-content{padding-left:0;text-align:center}}@media (max-width:480px){.hero{padding:20px 10px 0}.hero-text{font-size:20px}.hero p{font-size:14px;max-width:280px;padding:0 5px}.about{padding:0 10px}.about h1{font-size:1.5rem}.about-image img{width:150px}.featured{align-items:flex-start;padding:40px 10px}.featured h1{font-size:1.5rem;text-align:left}.portfolio{align-items:flex-start;padding:40px 10px}.portfolio h1{font-size:1.5rem;text-align:left}.portfolio-content{justify-content:center;margin:0 auto;padding:0 5px}.portfolio-item{padding:1rem}.placeholder-box{height:150px}.placeholder-box span{font-size:3rem}.video-modal-content{max-height:85vh;max-width:95vw}.video-modal-body{padding:12px}.video-modal-info{padding:12px 16px 16px}.video-modal-info h3{font-size:18px}.video-modal-info p{font-size:13px}}.finder-shape{background:#28292e;border-radius:12px;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);display:flex;height:550px;margin:100px auto;padding:0;position:relative;width:1100px}.finder-sidebar{background:#2c2b2b66;border-radius:12px;box-shadow:0 8px 30px #00000026;-webkit-clip-path:inset(0 5% 0 0);clip-path:inset(0 5% 0 0);height:100%;opacity:.9;width:225px}.finder-sidebar h1{color:#a9a9a9;display:flex;font-size:20px;justify-content:center;margin-right:25px;margin-top:2.5rem}.sidebar-buttons{list-style:none;padding-right:35px}.sidebar-buttons ul{gap:10px;list-style:none}.sidebar-buttons h1{padding-right:40px}.projects-folder{display:flex;justify-content:center;padding-top:0}.projects-folder ul{color:#fff;list-style:none}.projects-folder li{font-size:25px;margin-bottom:15px;margin-right:20px;white-space:nowrap}.projects-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-left:-10px;padding:8px 12px;position:relative;transform:translateY(-10px);transition:background-color .2s ease}.projects-item,.projects-item:hover{background-color:#ffffff1a}.blackline{left:214px;top:0}.blackline,.blackline2{background-color:#000;bottom:0;position:absolute;width:1.5px}.blackline2{height:490px;left:692.5px;top:63px}.top-bar{background-color:#373737;border-radius:12px;-webkit-clip-path:inset(0 0 10% 19.6%);clip-path:inset(0 0 10% 19.6%);display:flex;height:70px;opacity:.5;position:absolute;width:100%}.arrows-title{display:flex;padding-left:300px;transform:translateX(-50px)}.arrows-title h1{font-size:20px;padding-top:20px}.top-bar-icons{position:absolute;right:20px}.top-bar-icons img{height:auto;padding-top:17px;width:570px;z-index:1}.scroll-track{background:#fff3;border:1px solid #ffffff1a;border-radius:4px;-webkit-clip-path:inset(0 1% 0 0);clip-path:inset(0 1% 0 0);cursor:pointer;height:8px;left:240px;position:absolute;top:530px;width:455px;z-index:100}.scroll-thumb{background:#fffc;border-radius:6px;box-shadow:0 2px 4px #0000004d;cursor:grab;height:100%;position:absolute;top:0;transition:background .2s;width:20%}.scroll-thumb:active{background:#fff;cursor:grabbing}.scroll-thumb:hover{background:#fffffff2}.email-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.email-modal-content{-ms-overflow-style:none;animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;scrollbar-width:none;width:90%}.email-modal-content::-webkit-scrollbar{display:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.email-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.email-modal-title{align-items:center;color:#fff;display:flex;gap:.5rem}.email-modal-title h2{font-size:1.5rem;font-weight:600;margin:0}.email-modal-icon{color:#325a82;font-size:1.5rem}.email-modal-close{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:all .3s ease}.email-modal-close:hover{background-color:#ffffff1a}.email-form{gap:1.5rem}.email-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#fff;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#6495ed;box-shadow:0 0 0 3px #6495ed1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{min-height:120px;resize:vertical}.form-group input.input-error,.form-group textarea.input-error{background:#ef44440d;border-color:#ef4444}.form-group input.input-error:focus,.form-group textarea.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.field-error{color:#ef4444;font-size:.8rem;margin:0}.submit-button{background:#325a82;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-status{border-radius:10px;font-weight:500;padding:1rem;text-align:center}.submit-status.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.submit-status.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}@media (max-width:768px){.email-modal-content{margin:1rem;padding:1.5rem;width:95%}.email-modal-title h2{font-size:1.25rem}.form-group input,.form-group textarea{font-size:.9rem;padding:.6rem .8rem}.submit-button{font-size:.85rem;padding:.65rem 1.25rem}}.footer{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:13px;gap:-10px;line-height:0;padding:40px}
/*# sourceMappingURL=main.af0635b3.css.map*/