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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{background-color:#361616;color:#fff;overflow-x:hidden}.App,body{height:auto}.App{display:flex;flex-direction:column;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#271010;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#nav-section{display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:1000}#home-section{display:flex;flex:none;height:100vh}footer{margin-top:auto}.pill-nav-container{position:relative;top:1em;z-index:99}@media (max-width:768px){.pill-nav-container{left:0;width:100%}}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;align-items:center;box-sizing:border-box;display:flex;width:-webkit-max-content;width:max-content}@media (max-width:768px){.pill-nav{background:#0000;justify-content:space-between;padding:0 1rem;width:100%}}.pill-nav-items{background:#0000;border-radius:9999px;display:flex;position:relative}.pill-logo,.pill-nav-items{align-items:center;height:var(--nav-h)}.pill-logo{background:#000;background:var(--base,#000);border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;padding:0;width:var(--nav-h)}.pill-logo img{display:block;height:100%;object-fit:cover;width:100%}.pill-list{align-items:stretch;gap:var(--pill-gap);list-style:none;margin:0;padding:0}.pill-list,.pill-list>li{display:flex;height:100%}.pill{align-items:center;background:#fff;background:var(--pill-bg,#fff);border-radius:9999px;box-sizing:border-box;color:#000;color:var(--pill-text,var(--base,#000));cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:100%;justify-content:center;letter-spacing:.2px;line-height:0;overflow:hidden;padding:0 var(--pill-pad-x);position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.pill .hover-circle{background:#000;background:var(--base,#000);border-radius:50%;bottom:0;display:block;left:50%;pointer-events:none;position:absolute;will-change:transform;z-index:1}.pill .label-stack,.pill .pill-label{display:inline-block;line-height:1;position:relative;z-index:2}.pill .pill-label{will-change:transform}.pill .pill-label-hover{color:#fff;color:var(--hover-text,#fff);display:inline-block;left:0;position:absolute;top:0;will-change:transform,opacity;z-index:3}.pill.is-active:after{background:#000;background:var(--base,#000);border-radius:50px;bottom:-6px;content:"";height:12px;left:50%;position:absolute;transform:translateX(-50%);width:12px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{align-items:center;background:#000;background:var(--base,#000);border:none;border-radius:50%;cursor:pointer;display:none;flex-direction:column;gap:4px;height:var(--nav-h);justify-content:center;padding:0;position:relative;width:var(--nav-h)}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:#fff;background:var(--pill-bg,#fff);border-radius:1px;height:2px;transform-origin:center;transition:all .01s ease;width:16px}.mobile-menu-popover{background:#f0f0f0;background:var(--base,#f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;left:1rem;opacity:0;position:absolute;right:1rem;top:3em;transform-origin:top center;visibility:hidden;z-index:998}.mobile-menu-list{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:3px}.mobile-menu-popover .mobile-menu-link{background-color:#fff;background-color:var(--pill-bg,#fff);border-radius:50px;color:#fff;color:var(--pill-text,#fff);display:block;font-size:16px;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .4s ease}.mobile-menu-popover .mobile-menu-link:hover{background-color:var(--base);color:#fff;color:var(--hover-text,#fff);cursor:pointer}.profile-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:4rem 1rem;position:relative}.landscape{display:block;height:100%;margin:0 auto;mask-image:linear-gradient(180deg,#0000 5%,#7c0a19 90%);-webkit-mask-image:linear-gradient(180deg,#0000 5%,#7c0a19);object-fit:cover;object-position:center center;width:100vw}.profile-image{display:none;height:auto;object-fit:cover;width:100%}.profile-overlay{background:linear-gradient(180deg,#0000001f,#00000080);border-radius:12px;box-sizing:border-box;color:#fff;left:50%;max-height:-webkit-fit-content;max-height:fit-content;max-width:60%;overflow:hidden;padding:18px;position:absolute;top:80px;transform:translateX(-50%);width:60%;z-index:3}.greeting{font-size:clamp(28px,6vw,110px);line-height:1.02;margin:0 0 12px}.greeting,.intro{color:#fff;font-family:Open Sans,sans-serif;text-align:left}.intro{font-size:clamp(16px,3.2vw,40px);margin:0 0 18px;width:100%}.hire-me,.resume{align-items:center;background:#3e0703;border:2px solid #fff;border-radius:999px;box-shadow:0 6px 18px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;justify-content:center;margin-right:12px;min-height:44px;padding:12px 28px}.hire-me:hover,.resume:hover{background-color:#fff;color:#000;transition:.5s}@media (max-width:900px){.profile-overlay{background:#00000073;bottom:5%;left:50%;max-height:-webkit-fit-content;max-height:fit-content;max-width:calc(100% - 20px);padding:16px;right:auto;transform:translateX(-50%);width:calc(100% - 20px)}.greeting{font-size:clamp(28px,6vw,48px);margin-top:8px;padding:0 8px}.greeting,.intro{text-align:center}.intro{font-size:clamp(14px,3vw,20px);margin:8px 8px 0}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:12px}.hire-me,.resume{align-items:center;background:#3e0703;border:2px solid #fff;border-radius:999px;box-shadow:0 6px 18px #00000026;color:#fff;cursor:pointer;display:flex;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;justify-content:center;margin-right:0;min-height:44px;padding:12px 28px}.landscape{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-image{display:block;margin-bottom:12px;max-height:300px;width:100%}}@media (max-width:480px){.profile-container{align-items:stretch;flex-direction:column;min-height:100vh;overflow:visible;padding:1rem .5rem}.greeting{font-size:clamp(22px,8vw,34px);margin-top:8px}.intro{font-size:clamp(14px,4.5vw,16px);margin:6px 10px 0}.hire-me,.resume{border-radius:40px;font-size:15px;padding:10px 16px}.profile-overlay{left:50%;max-height:-webkit-fit-content;max-height:fit-content;max-width:90%;padding:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.landscape{max-width:100vw;width:100%}}@media (max-width:320px){.profile-container{min-height:auto;overflow:visible;padding:1rem .25rem}.greeting{font-size:20px}.intro{font-size:12px;margin:4px 8px 0}.hire-me,.resume{font-size:13px;padding:10px 16px}.profile-overlay{max-height:-webkit-fit-content;max-height:fit-content;max-width:95%;padding:10px}}.about-container{align-items:center;display:flex;flex-direction:column;gap:80px;justify-content:center;margin:100px 150px}.about-title-h1{font-family:Open Sans,sans-serif;font-size:80px;font-weight:600;padding:0 30px}.about-paragraphs h1{font-size:60px;margin-bottom:32px}.about-paragraphs p{font-size:20px;line-height:1.7;margin-bottom:16px}.about-content-row{display:flex;flex-direction:row;position:relative;width:100%}.about-left{align-items:center;display:flex;justify-content:center;position:relative;width:50%}.about-left img{height:auto;position:relative;width:100%;z-index:1}.about-right{bottom:0;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;gap:30px;left:30px;position:relative;text-align:left;width:50%}.skills-section{margin-bottom:16px}.skills-list{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}@media (max-width:900px){.about-container{gap:40px;margin:50px 24px}.about-paragraphs h1{font-size:36px}.about-paragraphs p{font-size:18px}.about-content-row{align-items:center;flex-direction:column}.about-left,.about-right{left:0;width:100%}.about-left img{max-width:420px;width:90%}}@media (max-width:480px){.about-container{gap:24px;margin:32px 16px}.about-paragraphs h1{font-size:28px}.about-paragraphs p{font-size:16px}.about-left img{max-width:360px;width:100%}}.projects-title{color:#fff;font-family:Open Sans,sans-serif;font-size:32px;margin-bottom:20px;margin-top:60px;text-align:center;width:100%}.projects-slideshow-container{flex-direction:column;width:100%}.projects-slideshow-container,.slideshow-wrapper{align-items:center;display:flex;justify-content:center}.slideshow-wrapper{gap:0;margin-bottom:24px;position:relative}.slideshow-grid{grid-gap:28px;align-items:stretch;box-sizing:border-box;display:grid;gap:28px;grid-auto-rows:1fr;grid-template-columns:1fr 1fr;margin-left:calc(50% - 50vw);max-width:none;padding:0 2%;width:100vw}.slideshow-grid .slideshow-wrapper{order:1}.slideshow-grid .slideshow-details{align-self:stretch;margin-top:0;max-width:none;order:2}.slideshow-grid .slideshow-wrapper{margin-bottom:0}.slideshow-image-card{aspect-ratio:16/9;background-color:#0f1720;border-radius:12px;box-shadow:0 2px 8px #0000001f;display:block;height:50vw;max-height:500px;max-width:900px;min-height:220px;overflow:hidden;position:relative;width:100%}.slideshow-grid .slideshow-image-card{height:100%;max-width:none}.slideshow-grid .slideshow-wrapper{align-items:center;height:100%}.slideshow-image{border-radius:0;display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:1}.slideshow-arrow{align-items:center;background:#00000014;border:none;border-radius:0;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;justify-content:center;padding:0;position:absolute;top:0;transition:background .18s,transform .08s;width:72px;z-index:4}.slideshow-arrow:first-of-type{left:0}.slideshow-arrow:last-of-type{right:0}.slideshow-arrow:before{background:#0000005c;border-radius:50%;content:"";height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;z-index:3}.slideshow-arrow span{position:relative;z-index:4}.slideshow-arrow:hover{background:#00000029}.slideshow-arrow:hover:before{background:#0000008f;transform:translate(-50%,-50%) scale(1.05)}.slideshow-details{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;color:#222;display:flex;flex-direction:column;gap:12px;height:100%;margin-top:8px;max-width:900px;padding:24px 32px;text-align:left;width:100%}.slideshow-indicator{color:#888;font-size:14px;margin-top:8px;text-align:right}.project-desc{flex:1 1 auto;overflow:auto}.slideshow-indicator{margin-top:auto}@media (max-width:900px){.slideshow-details{height:auto}.project-desc{max-height:none;overflow:visible}.slideshow-grid{display:flex;flex-direction:column;gap:16px}}@media (max-width:520px){.project-link-btn{width:auto}}.project-card{border-radius:12px;box-shadow:0 2px 8px #0000001f;height:250px;overflow:hidden;position:relative;width:400px}.project-image-wrapper{height:100%;position:relative;width:100%}.project-image{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.project-overlay{background:#121824f2;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;box-sizing:border-box;color:#fff;left:0;opacity:0;padding:24px 16px 16px;position:absolute;transition:opacity .3s;width:100%;z-index:2}.project-card:focus-within .project-overlay,.project-card:hover .project-overlay{opacity:1}.project-details{background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;color:#222;padding:18px 16px 16px}.project-name{font-size:22px;margin-bottom:10px}.project-desc{font-size:15px;margin-bottom:16px}.project-link-btn{align-self:flex-start;background:#361616;border-radius:6px;box-sizing:border-box;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:8px 18px;text-decoration:none;transition:background .2s;width:140px}.project-link-btn:hover{background:#612727}.contacts-info a{color:#83c4e7;text-decoration:none;transition:color .2s}.contacts-info a:hover{color:#61dafb;text-decoration:underline}.contacts-container{display:flex;flex-direction:column;gap:50px;margin-top:30px;width:100%}.contacts-title{color:#fff;font-family:Open Sans,sans-serif;font-size:80px;margin-top:50px;text-align:center;width:100%}.contacts-section{box-sizing:border-box;display:flex;gap:150px;padding-left:5%;width:100%}.contacts-left{color:#fff;text-align:left}.contacts-left,.contacts-right{display:flex;flex-direction:column;gap:30px}.contacts-right{font-size:25px;margin-left:auto;max-width:100%;padding-right:5%;width:90%}.contacts-status{min-height:28px}.contacts-status .status-success{background:#ecf8ec;border-radius:6px;color:#2b7a2b;padding:8px 12px}.contacts-status .status-error{background:#fdecec;border-radius:6px;color:#7a2b2b;padding:8px 12px}.contacts-right input,.contacts-right textarea{background:#fff;border:1px solid #fff;border-radius:8px;font-size:18px;padding:12px 16px;transition:border-color .2s}.contacts-right input:focus,.contacts-right textarea:focus{border-color:#fff;outline:none}.contacts-right label{color:#fff;font-size:30px;font-weight:500}.contacts-button{background:#fff;border:none;border-radius:8px;color:#361616;cursor:pointer;font-size:20px;font-weight:600;padding:12px 24px;transition:background .2s}.contacts-button:hover{background-color:#361616;border:2px solid #fff;color:#fff;transition:.3s}.contacts-right label{font-size:18px;font-weight:600;text-align:left}@media (max-width:768px){.contacts-title{font-size:48px;margin-top:30px}.contacts-section{flex-direction:column;gap:30px;padding-left:5%;padding-right:5%}.contacts-left{gap:20px}.contacts-right{margin-left:0;padding-right:0;width:100%}.contacts-right label{font-size:16px}.contacts-right input,.contacts-right textarea{font-size:16px;padding:10px 12px}.contacts-button{font-size:18px;padding:10px 20px}}@media (max-width:480px){.contacts-title{font-size:36px;margin-top:20px}.contacts-container{gap:30px;margin-top:20px}.contacts-section{gap:20px;padding-left:3%;padding-right:3%}.contacts-right label{font-size:14px}.contacts-right input,.contacts-right textarea{font-size:14px;padding:8px 10px}.contacts-button{font-size:16px;padding:8px 16px}}.footer{background-color:#361616;border-top:1px solid #361616;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:3rem;padding:1.5rem 0;text-align:center}.footer-content{margin:0 auto;max-width:900px}.footer-name{color:#fff;font-size:.95rem;margin-bottom:.5rem}.footer-links{color:#83c4e7;font-size:.95rem}.footer-links a{color:#83c4e7;font-weight:500;margin:0 .4rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.resume-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding:40px 0;width:100%}.resume-title{color:#fff;font-size:68px;margin-bottom:32px;padding:0 30px}.resume-viewer{border-radius:12px;box-shadow:0 2px 8px #0000001f;margin-bottom:24px;max-width:900px;overflow:hidden;width:100%}.resume-download-btn{background:#fff;border-radius:50px;color:#361616;cursor:pointer;font-size:18px;font-weight:500;padding:20px 40px}.resume-download-btn:hover{background-color:#361616;border:2px solid #fff;color:#fff;transition:.3s}
/*# sourceMappingURL=main.8e138680.css.map*/