@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap);:root{--bg-cream:#f5ede3;--bg-warm:#f5ede3;--card:#fbf7f1;--card-soft:#fffbf6;--ink:#3f3328;--muted:#6f5d4f;--accent:#8c6b4f;--accent-deep:#8c6b4f;--border:#5f4a3838;--shadow:0 12px 30px #4935241a;--shadow-hover:0 18px 34px #49352429;--radius-lg:26px;--radius-md:16px}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f9f1e8,#f5ede3);background:linear-gradient(180deg,#f9f1e8 0,var(--bg-cream) 100%);background-attachment:fixed;color:#3f3328;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;line-height:1.7;margin:0;overflow-x:hidden;padding:0}*,:after,:before{box-sizing:border-box}h1,h2,h3{color:#3f3328;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.02em}h2{font-size:clamp(2rem,1.6rem + 1.8vw,3rem);margin:0 0 1.2rem;text-align:center}.about-sec h2,.contact-sec h2,.edu-sec h2,.footer-sec h2,.project-sec h2,.skills-sec h2{margin:0 auto 1.2rem;padding-bottom:.3rem;position:relative;width:fit-content}.about-sec h2:after,.contact-sec h2:after,.edu-sec h2:after,.footer-sec h2:after,.project-sec h2:after,.skills-sec h2:after{background:#8c6b4f;background:var(--accent);content:"";display:block;height:2px;margin:.25rem auto 0;width:72%}a{color:#8c6b4f;color:var(--accent-deep)}a:hover{color:#473527}.about-sec,.contact-sec,.edu-sec,.footer-sec,.project-sec,.resumeintro,.skills-sec{margin:0 auto 1.6rem;width:min(1040px,calc(100% - 2.5rem))}.about-sec,.contact-sec,.edu-sec,.footer-sec,.project-sec,.skills-sec{background:#fffbf6;background:var(--card-soft);border:1px solid #5f4a3838;border:1px solid var(--border);border-radius:26px;border-radius:var(--radius-lg);box-shadow:0 12px 30px #4935241a;box-shadow:var(--shadow);padding:clamp(1.2rem,1rem + 1.2vw,2.1rem);transition:transform .28s ease,box-shadow .28s ease}.about-sec:hover,.contact-sec:hover,.edu-sec:hover,.footer-sec:hover,.project-sec:hover,.skills-sec:hover{box-shadow:0 18px 34px #49352429;box-shadow:var(--shadow-hover);transform:translateY(-4px)}#about,#contact,#education,#projects,#skills{scroll-margin-top:1.2rem}@media (max-width:768px){.about-sec,.contact-sec,.edu-sec,.footer-sec,.project-sec,.resumeintro,.skills-sec{width:min(1040px,calc(100% - 1rem))}.about-sec,.contact-sec,.edu-sec,.footer-sec,.project-sec,.skills-sec{border-radius:18px;padding:1.1rem}}.App{padding:0}.resumeintro{align-items:center;background:url(/interactive-resume/static/media/background.a215dc4e9e315f42f683.jpg) 50%/cover no-repeat;border:1px solid #f0dcc259;border-radius:30px;box-shadow:0 18px 40px #2d1d1142;display:flex;justify-content:flex-start;min-height:clamp(520px,74vh,720px);overflow:hidden;padding:clamp(2rem,2vw,4rem);position:relative}.resumeintro:before{background:linear-gradient(90deg,#fbf7f1e6 0,#fbf7f1bf 35%,#fbf7f140 65%,#fbf7f10d);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.profile{animation:fadeUp .7s ease both;background:#ffffffeb;border:1px solid #5f4a3838;border-radius:22px;box-shadow:0 10px 25px #2d1d1126,0 2px 8px #2d1d111a;color:#3f3328;max-width:460px;padding:2rem 2.2rem;position:relative;text-align:left;transition:transform .25s ease,box-shadow .25s ease;z-index:1}.profile:hover{box-shadow:0 18px 40px #2d1d1138,0 4px 12px #2d1d111f;transform:translateY(-6px)}.profile h2{color:#3f3328;font-size:clamp(1.8rem,2.4vw,2.6rem);line-height:1.35;margin:0}@media (max-width:768px){.resumeintro{justify-content:flex-start;padding-left:1rem;padding-right:1rem}.profile{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffa6;max-width:90%;padding:1.2rem;text-align:center}.profile h2{font-size:1.5rem;line-height:1.4}}.knowmore{background:#8c6b4f;border:none;border-radius:999px;box-shadow:0 6px 14px #8c6b4f59;color:#fbf7f1;cursor:pointer;font-weight:600;letter-spacing:.04em;margin-top:1.5rem;padding:.85rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease}.knowmore:hover{box-shadow:0 10px 22px #8c6b4f73;transform:translateY(-2px)}.social-icons-container{position:fixed;right:1.1rem;top:1.1rem;z-index:1200}.icon-menu{background:#8c6b4f;border:1px solid #5f4a3838;border-radius:999px;box-shadow:0 8px 16px #5f4a382e;color:#fbf7f1;cursor:pointer;display:grid;height:2.4rem;place-items:center;position:relative;transition:transform .2s ease,background-color .2s ease;width:2.4rem}.icon-menu:hover{background:#7a5c45;transform:translateY(-1px)}.close-icon{background:#fbf7f1;border:1px solid #5f4a3833;border-radius:999px;color:#7b5942;cursor:pointer;display:grid;height:2.2rem;place-items:center;position:absolute;right:.85rem;top:.85rem;transition:background-color .2s ease,transform .2s ease;width:2.2rem}.close-icon:hover{background:#f0e5d7;transform:translateY(-1px)}.full-width{-webkit-overflow-scrolling:touch;background:#fbf7f1;border-bottom-left-radius:16px;border-left:1px solid #5f4a3833;border-top-left-radius:16px;box-shadow:-12px 0 28px #5f4a3833;color:#3f3328;display:flex;flex-direction:column;height:100dvh;overflow-y:auto;padding:3.5rem .9rem 1.4rem;position:fixed;right:0;top:0;transform:translateX(104%);transition:transform .28s ease;width:min(80vw,320px);z-index:1199}.full-width.open{transform:translateX(0)}.all-icons a{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-top:0;padding:.52rem;text-decoration:none}.all-icons a svg{fill:#6a4f38;height:23px;width:23px}.social-icons{border-top:1px solid #5f4a3824;display:flex;gap:.6rem;justify-content:center;margin-top:auto;padding:.9rem 0 0}.menu-bar{margin:.2rem 0 1rem}.menu-bar ul{display:flex;flex-direction:column;gap:.55rem;list-style:none;margin:0;padding:0}.menu-bar li a{background:#f4e8da;border:1px solid #5f4a3829;border-radius:999px;color:#5f4633;display:block;font-weight:600;letter-spacing:.02em;padding:.9rem .95rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease,color .2s ease}.menu-bar li a:hover{background:#eadac8;color:#2f2216;transform:translateY(-1px)}.menu-bar li a:active{background:#e2cfbb;transform:translateY(0)}@media (max-width:900px){.resumeintro{min-height:clamp(470px,68vh,640px)}.full-width{width:min(80vw,320px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}#about{background:#f3e9dc;border:1px solid #5f4a3833;border-radius:22px;box-shadow:0 10px 18px #5f4a381a;color:#3f3328;padding:1.15rem}.about-layout{grid-gap:1.4rem;align-items:start;display:grid;gap:1.4rem;grid-template-columns:minmax(220px,300px) 1fr}.about-image-card{align-items:center;background:#fbf7f1;border:1px solid #5f4a3838;border-radius:20px;box-shadow:0 10px 22px #5f4a381f;display:flex;justify-content:center;padding:.9rem;transition:transform .28s ease,box-shadow .28s ease}.about-image-card:hover{box-shadow:0 16px 28px #5f4a382e;transform:translateY(-4px)}.about-image{aspect-ratio:4/5;border:1px solid #5f4a3833;border-radius:16px;box-shadow:0 8px 16px #5f4a381f;display:block;max-width:100%;object-fit:cover;width:100%}.about-text{text-align:left}.about-text-card{background:#fbf7f1;border:1px solid #5f4a3833;border-radius:18px;box-shadow:0 8px 14px #5f4a3814;padding:1rem 1rem .85rem}.about-text p{color:#5f4f42;font-size:1.01rem;line-height:1.72;margin:0 0 .95rem;max-width:74ch;text-align:left}.about-intro{color:#49382b;font-size:1.08rem;font-weight:500}.about-text p:last-child{margin-bottom:0}@media (max-width:768px){.about-layout{gap:1rem;grid-template-columns:1fr}.about-image-card{margin:0 auto;width:min(320px,100%)}.about-text-card{padding:.9rem .85rem .75rem}.about-text p{font-size:.98rem}.about-intro{font-size:1.02rem}}.skills-sec{text-align:center}.skills-list{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;padding:.2rem 0;width:min(900px,100%)}.skill-card{align-items:center;background:#fbf7f1;border:1px solid #5f4a3838;border-radius:14px;box-shadow:0 7px 14px #5f4a3814;color:#3f3328;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.92rem;font-weight:500;gap:.6rem;justify-content:center;min-height:116px;padding:1rem .9rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.skill-card:hover{box-shadow:0 14px 22px #5f4a3829;transform:translateY(-4px)}.skill-card:focus-visible{outline:2px solid #8c6b4f85;outline-offset:2px}.skill-icon{color:#8c6b4f;display:grid;height:36px;place-items:center;width:36px}.skill-icon svg{fill:currentColor;height:100%;width:100%}.skill-name{line-height:1.2}.skill-modal-overlay{background:#2b1f1457;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:1200}.skill-modal{background:#fffaf2;border:1px solid #5f4a383d;border-radius:16px;box-shadow:0 18px 34px #2d1e1438;color:#3f3328;padding:1.1rem 1rem 1rem;position:relative;text-align:left;width:min(430px,calc(100vw - 2rem))}.skill-modal-icon{color:#8c6b4f;height:36px;margin-bottom:.45rem;width:36px}.skill-modal-icon svg{fill:currentColor;height:100%;width:100%}.skill-modal h3{font-size:1.05rem;margin:0 0 .4rem}.skill-modal p{font-size:.92rem;line-height:1.45;margin:0}.skill-used-in{color:#5a4533;margin-top:.62rem!important}.skill-modal-close{background:#fbf7f1;border:1px solid #5f4a383d;border-radius:999px;color:#6b4d37;cursor:pointer;font-size:.86rem;height:1.8rem;line-height:1;position:absolute;right:.65rem;top:.6rem;width:1.8rem}.skill-modal-close:hover{background:#f1e6d9}@media (max-width:560px){.skills-list{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{min-height:102px;padding:.85rem .7rem}.skill-icon{height:30px;width:30px}.skill-modal{padding:1rem .9rem .9rem}.skill-modal h3{font-size:1rem}}.edu-sec{color:#4a392c}.edu-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.edu-card{background:#fbf7f1;border:1px solid #5f4a3838;border-radius:16px;box-shadow:0 8px 16px #5f4a381a;padding:1.1rem 1.1rem .8rem;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.edu-card:hover{box-shadow:0 14px 24px #5f4a3829;transform:translateY(-4px)}.edu-card h3{color:#3f3328;font-size:clamp(1.25rem,2.3vw,1.5rem);font-weight:700;letter-spacing:.015em;margin:0 0 .55rem}.edu-row{display:flex;flex-direction:column;gap:.22rem;line-height:1.45;margin:0;padding:.62rem 0}.edu-row+.edu-row{border-top:1px solid #5f4a3824}.edu-label{align-items:center;color:#7a5f4a;display:inline-flex;font-size:.78rem;font-weight:600;gap:.35rem;letter-spacing:.06em;text-transform:uppercase}.edu-icon{font-size:.92rem;line-height:1}.edu-value{color:#5f4f42;font-size:1rem}.edu-institution{color:#4c3a2c;font-size:1.03rem;font-weight:600}@media (max-width:640px){.edu-cards{gap:.85rem;grid-template-columns:1fr}.edu-card{padding:1rem .95rem .75rem}.edu-label{font-size:.74rem}.edu-value{font-size:.94rem}.edu-institution{font-size:.97rem}}.project-sec{color:#4f3d2f}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{align-items:flex-start;background-color:#fbf7f1;border:1px solid #5f4a3838;border-radius:16px;box-shadow:0 8px 16px #5f4a381a;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{box-shadow:0 14px 24px #5f4a3829;transform:translateY(-4px)}.project-card h3{color:#3f3328;font-size:clamp(1.3rem,2.4vw,1.55rem);font-weight:700;margin:0}.project-description{grid-gap:.35rem;color:#5b4b3d;display:grid;font-size:.95rem;gap:.35rem;line-height:1.45;margin:0;padding-left:1.05rem}.project-meta{color:#6e5541;display:inline-flex;font-size:.9rem;gap:.35rem;margin:0}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem .45rem}.tech-chip{align-items:center;background:#f3e9dc;border:1px solid #5f4a3833;border-radius:999px;color:#5d4736;display:inline-flex;font-size:.8rem;font-weight:600;line-height:1.2;padding:.28rem .7rem;white-space:nowrap}.project-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.2rem}.project-btn{background:#8c6b4f;border:1px solid #5f4a3838;border-radius:999px;color:#fbf7f1;font-size:.84rem;font-weight:600;padding:.46rem .9rem;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.project-btn:hover{background:#7a5c45;transform:translateY(-1px)}.project-btn-alt{background:#f3e9dc;color:#5b4330}.project-btn-alt:hover{background:#eadcca}@media (max-width:640px){.project-grid{gap:.85rem;grid-template-columns:1fr}.project-card{padding:1rem}.project-description{font-size:.92rem}}#contact{background:#f3e9dc;border:1px solid #5f4a3838;border-radius:20px;box-shadow:0 8px 16px #5f4a381a;overflow:hidden;padding:1.1rem;position:relative;text-align:center}.contact-layout{display:flex;justify-content:center}.contact-card{background:#fbf7f1;border:1px solid #5f4a3838;border-radius:18px;box-shadow:0 10px 18px #3a281b1f;padding:1.15rem 1rem;text-align:left;transition:transform .25s ease,box-shadow .25s ease;width:min(720px,100%)}.contact-card:hover{box-shadow:0 18px 30px #3a281b38;transform:translateY(-4px)}.contact-card h3{color:#3f3124;font-size:clamp(1.15rem,2.2vw,1.35rem);margin:0 0 .65rem}.contact-intro{color:#5a4839;font-size:.95rem;line-height:1.45;margin:0 0 1rem}.contact-item{align-items:flex-start;display:flex;gap:.65rem;margin:0;padding:.62rem 0}.contact-item+.contact-item{border-top:1px solid #5f4a3824}.contact-icon{background:#c6a58947;border-radius:999px;color:#5f4633;display:grid;flex-shrink:0;height:1.85rem;place-items:center;width:1.85rem}.contact-icon svg{fill:currentColor;height:1rem;width:1rem}.contact-item strong{color:#705641;display:block;font-size:.8rem;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.contact-item a{color:#413123;font-size:.95rem;text-decoration:none;word-break:break-word}.contact-item a:hover{color:#8c6b4f}@media (max-width:760px){#contact{padding:.9rem}.contact-card{padding:1rem .9rem}}.footer{color:#3f3328;padding:.2rem;text-align:center}.footer p{color:#7d5435;font-size:1rem;margin-bottom:1rem}.contact-form{background-image:url(/interactive-resume/static/media/footer.bf8fdbfcd7e17b9f19d2.png);background-size:cover;border:1px solid #5f4a3838;border-radius:var(--radius-md);margin:0 auto;max-width:720px;padding:1.2rem;text-align:left}.contact-form h2{color:#ffdcbb;font-size:1rem;margin:0 0 .4rem}.contact-form input,.contact-form textarea{background-color:#fffaf2;border:1px solid #5f4a3838;border-radius:10px;color:#3d2c1f;font-size:.96rem;margin-bottom:.8rem;opacity:20%;padding:.72rem .85rem;width:100%}.contact-form input,.contact-form textarea:hover{background:#cfa585;border-color:#5f4a3859;transform:translateX(1px)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#512b05}.contact-form input:focus,.contact-form textarea:focus{background-color:#fff;outline:2px solid #8c6b4f73}.contact-form button{background:#8c6b4f;border:1px solid #5f4a3838;border-radius:999px;color:#fbf7f1;cursor:pointer;font-size:.92rem;font-weight:600;letter-spacing:.03em;padding:.65rem 1.2rem;transition:transform .2s ease,background-color .2s ease}.contact-form button:hover{background:#7a5c45;transform:translateY(-1px)}.contact-form p{margin:5px 0}
/*# sourceMappingURL=main.21c5f228.css.map*/