*{box-sizing:border-box}body{background:#f0ead6;background:var(--bg);color:#004225;color:var(--text);font-family:Old Standard TT,serif;font-weight:400;letter-spacing:1px;margin:0;text-transform:uppercase;transition:background .3s ease,color .3s ease}main{padding-top:80px}html{scroll-behavior:smooth}.section{font-size:1.5em;margin:0 5em 5em;min-height:100vh;padding:4rem 2rem}@media (max-width:900px){.section{margin:0}}:root{--bg:#f0ead6;--text:#004225;--nav-bg:#f0ead6;--nav-text:#004225;--accent:#bc8f8f}body.dark{--bg:#161616;--text:#e5e7eb;--nav-bg:#1a1a1a;--nav-text:#e5e7eb;--accent:#4fd1c5}.App{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:#282c34;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)}}.navbar{align-items:center;background:var(--nav-bg);color:var(--nav-text);display:flex;font-weight:700;justify-content:flex-end;opacity:.9;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.nav-links{display:flex;justify-content:space-evenly}.nav-links a{color:var(--nav-text);padding:0 1rem;position:relative;text-decoration:none;transition:all .2s ease-in-out}.nav-links a:hover{color:var(--accent)}.nav-links a:active{color:#fff}.nav-links a:after{background:#7f7f7f66}.hamburger{cursor:pointer;display:none;flex-direction:column}.hamburger span{background:var(--nav-text);height:3px;margin:4px 0;width:25px}.nav-actions{align-items:center;display:flex;gap:1rem}.theme-btn{background:none;border:1px solid var(--nav-text);border-radius:6px;color:var(--nav-text);cursor:pointer;padding:.4rem .6rem}.theme-btn:hover{background:var(--accent);color:#000}@media (max-width:768px){.hamburger{display:flex}.nav-links{align-items:center;background:var(--nav-bg);flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;top:65px;transition:max-height .6s ease;width:100%}.nav-links.open{max-height:300px}.nav-links a{color:var(--nav-text);padding:1rem 0}.nav-links a:not(:last-child){border-right:none}}#intro{display:flex;flex-direction:column;font-size:1.5rem}#intro h1{font-size:5rem;margin-bottom:0;text-shadow:var(--text) 1px 0 10px}#intro-nav{display:flex;flex-direction:row;justify-content:flex-start;margin-top:1.5rem}#intro-btn-container{display:flex;gap:1rem;margin-top:2rem}#intro-btn-container a{border:1px solid var(--text);border-radius:6px;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s ease}#intro-btn-container a:first-child{background:var(--text);border:1px solid var(--text);color:var(--bg)}#intro-btn-container a:last-child{background:#0000;border:1px solid var(--text);color:var(--text)}#intro-btn-container a:hover{box-shadow:5px 10px 30px var(--text);transform:translateY(-2px)}#intro-btn-container a:active{transform:translateY(4px)}.intro-container{align-items:center;display:flex;gap:4rem;justify-content:space-around}.intro-text{flex:1 1}.intro-image{flex:0,0 auto;text-align:center}.intro-image img{border-radius:50%;box-shadow:0 10px 25px #00000040;display:block;height:clamp(160px,20vw,480px);margin-left:auto;margin-right:auto;object-fit:cover;width:clamp(160px,20vw,480px)}.intro-title{min-height:1.5em;transition:opacity .4s ease,transform .4s ease}.fade-in{opacity:1;transform:translateY(0)}.fade-out{transform:translateY(8px)}.typewriter{font-size:1.1rem}.cursor{animation:blink 1.5s infinite;display:inline-block;margin-left:2px}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (max-width:768px){.intro-container{flex-direction:column}}.about-container{align-items:flex-start;display:flex;flex-direction:row;gap:3rem;justify-content:space-evenly}.about-container p{flex:1 1;line-height:1.4;padding-left:2rem}#about-left-container img{height:50vh;width:50vw}#about-left-container figcaption{align-items:center;display:flex;justify-content:space-between}@media (max-width:900px){.about-container{flex-direction:column}.about-container figure{display:none}}.skills-container{display:flex;flex-direction:row;gap:3rem;justify-content:space-evenly}.skills-container hr{border:2px solid var(--text);box-shadow:0 0 50px var(--text)}.skills-list{display:flex;flex-direction:column;gap:1.2rem;list-style:none;padding:0}.skills-list li{align-items:center;display:flex;gap:.6rem;transition:transform .2s,opacity .2s}.skills-list li:hover{opacity:.8;transform:scale(1.15)}.skills-list img{height:26px;width:26px}@media (max-width:900px){.skills-container{flex-direction:column}.skills-list{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));list-style:none;padding:0}}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.project-card{aspect-ratio:16/9;border-radius:14px;box-shadow:0 10px 25px #00000040;cursor:pointer;height:auto;overflow:hidden;position:relative}.project-card img{height:100%;object-fit:cover;transition:.3s ease;width:100%}.project-overlay{background:#0000008c;color:#fff;display:flex;flex-direction:column;font-size:.7em;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;text-transform:none;transition:.3s ease}.project-card:hover img{filter:blur(3px) brightness(.7)}.project-card:hover .project-overlay{opacity:1}.modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed}.project-modal{background:var(--nav-bg);border-radius:16px;max-width:600px;padding:2rem;width:90%}.project-modal img{border-radius:12px;width:100%}.project-modal p{font-size:.7em;text-transform:none}.stack span{background:var(--nav-bg);border-radius:999px;box-shadow:0 5px 30px var(--accent);color:var(--text);display:inline-block;margin:.3rem;padding:.3rem .7rem}.modal-image-wrapper{position:relative}.modal-close{background:red;border:none;border-radius:50%;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;font-size:18px;height:36px;position:absolute;right:-12px;top:-12px;transition:transform .2s ease,background .2s ease;width:36px}.modal-close:hover{background:#e74c3c;transform:scale(1.1)}.modal-actions{gap:1rem;margin-top:1.5rem}.live-btn,.modal-actions{align-items:center;display:flex}.live-btn{background:var(--text);border-radius:8px;box-shadow:0 6px 18px var(--text);color:var(--bg);font-weight:600;height:42px;justify-content:center;padding:0 1.2rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.live-btn:hover{transform:translateY(-2px)}.github-btn{align-items:center;border-radius:8px;box-shadow:0 6px 18px var(--text);display:flex;height:42px;justify-content:center;transition:transform .2s ease,background .2s ease;width:42px}.github-btn img{height:20px;width:20px}.github-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.projects-grid{grid-template-columns:1fr}}.business-card{aspect-ratio:7/4;background-color:#f2ebe3;box-shadow:0 10px 25px #000000b3;color:#111;font-family:EB Garamond,Garamond,serif;font-size:1rem;font-weight:600;height:min(0,85vh);margin:10em auto auto;opacity:0;padding:2rem;transform:translateY(-60px) scale(.95);transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1);width:min(700px,85vw)}.business-card.show{opacity:1;transform:translateY(0) rotate(-2deg)}.card-top{align-items:center;display:flex;justify-content:space-between}.card-top a{color:#111;text-decoration:none;transition:transform .2s,opacity .2s}.card-top a:hover{opacity:.8;transform:scale(1.15)}.card-middle{margin:40px;padding:clamp(.5rem,2vw,1.5rem);text-align:center}.card-middle h1{font-size:1.8rem}.card-middle p{margin:0;opacity:.7}.phone{text-align:left}.email,.phone{font-size:.9rem}.email{text-align:right}.card-bottom{display:flex;font-size:.9rem;gap:1.5rem;justify-content:center;margin-top:2rem}.card-bottom img{height:32px;transition:transform .2s,opacity .2s;width:32px}.card-bottom img:hover{opacity:.8;transform:scale(1.15)}.card-bottom a{color:#111;text-decoration:none}@media (max-width:768px){.card-top span{display:none}}.loader-container{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease,transform .5s ease;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #bc8f8f;border-radius:50%;border-top-color:#004225;height:60px;width:60px}.fade-out{opacity:0;pointer-events:none;transform:scale(1.05)}@keyframes spin{to{transform:rotate(1turn)}}.loader-container h2{color:#fff;font-weight:400;margin-top:1rem}main{animation:pageIn .6s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.02f502ba.css.map*/