@import url(https://fonts.googleapis.com/css2?family=Literata:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-section{background:none;padding:0}.about-content{align-items:center;display:flex;flex-wrap:nowrap;gap:150px;padding-bottom:30px;padding-left:20px;padding-top:0}.about-image-block{display:flex;flex-shrink:0;justify-content:center;padding-top:20px;position:relative;width:450px}.about-main-img{border-radius:999px;box-shadow:0 6px 20px #0003;height:auto;object-fit:cover;width:85%}.about-text-block{flex:1 1;max-width:800px}.text-greeting{align-items:flex-start;display:flex;gap:12px;justify-content:flex-start;margin-bottom:12px}.hi-there-img{height:200px;width:auto}.wave-gif{animation:float 2.5s ease-in-out infinite;height:auto;width:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.about-intro{color:#222;font-size:16px;line-height:1.75;margin:0 0 3rem}.emoji-point{font-family:Literata,serif;font-size:1.5em;line-height:1.6}@media (max-width:900px){.about-section{padding:40px}.about-content{flex-direction:column-reverse;gap:16px}.about-image-block{margin:0 auto;width:280px}.text-greeting{justify-content:center}}a{text-decoration:none}body{background-color:#fffcf9;font-family:sans-serif;margin:0}body,html{overflow-x:hidden}.section-container{overflow-x:hidden;padding:60px 0;width:100%}.section-container>*{margin:0 auto;max-width:1200px;padding:0 2rem}.home-bg{background:linear-gradient(135deg,#fffcf9,#fffcf9)}.about-bg,.experience-bg,.projects-bg{background:linear-gradient(135deg,#fffcf9,#f9efe5)}.home-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:80vh;padding:10px 0;width:100%;z-index:1}.home-name{display:flex;justify-content:center;margin:10px 0 20px;max-width:700px;transform:scale(1.3);transition:transform .3s ease,max-width .3s ease,margin .3s ease;width:80%}.home-role{color:#666;font-family:Literata,serif;font-size:30px;font-style:italic;letter-spacing:.2px;margin:50px 0 8px 170px;padding-top:0}.home-role,.home-status{align-items:center;align-self:flex-start;display:flex;font-weight:300;transition:font-size .3s ease,margin .3s ease}.home-status{color:#999;font-size:18px;margin:0 0 0 170px}.home-status-logo{height:1em;margin:-2px 0 0 .1em;vertical-align:middle}.home-status>a{text-decoration:underline}.home-status>a:hover{-webkit-text-decoration-color:#a3b198;text-decoration-color:#a3b198}.home-status-link{color:#769262;font-weight:400;transition:transform .2s ease,font-weight .2s ease}.home-status-link:hover{color:#435238;font-weight:600;transform:translateY(-2px)}.intro-arrow{animation-delay:.7s,.7s;animation-duration:.6s,2s;animation-fill-mode:both,none;animation-iteration-count:1,infinite;animation-name:dropIn,bounce;animation-timing-function:ease-out,ease-in-out;color:#ccc;cursor:pointer;font-size:3rem;margin-bottom:auto;margin-top:3rem;transition:color .3s ease}.intro-arrow:hover{color:#a3b198}@keyframes dropIn{0%{opacity:0;transform:translateY(-40px) scaleX(1.3) scaleY(.8)}to{opacity:1;transform:translateY(0) scaleX(1.3) scaleY(.8)}}@keyframes bounce{0%,to{transform:scaleX(1.3) scaleY(.8) translateY(0)}50%{transform:scaleX(1.3) scaleY(.8) translateY(8px)}}.projects-grid{margin:2rem 0}#about{scroll-margin-top:120px}#projects-title{scroll-margin-top:72px}.home-projects>*{flex-basis:calc(32% - 2rem);flex-grow:1;flex-shrink:1;max-width:calc(32% - 2rem)}.home-project-description,.home-project-img{height:auto;width:100%}@media (max-width:1200px){.home-name{max-width:80%;transform:scale(1.2)}.home-role{font-size:26px}.home-status{font-size:16px}}@media (max-width:1000px){.home-name{margin:40px auto 16px;max-width:85%;transform:scale(1.1)}.home-role{font-size:24px;margin-left:5%}.home-status{font-size:14px;margin-left:5%}.home-projects{margin:4vw 5vw 4rem}.home-projects>*{flex-basis:calc(48% - 2rem);flex-grow:1;flex-shrink:1;max-width:calc(48% - 2rem)}}@media (max-width:900px){.home-header{min-height:100vh;padding:20px 1rem 0}.home-header,.home-name{box-sizing:border-box;width:100%}.home-name{margin:60px auto 40px!important;max-width:85%!important;transform:scale(1.8)!important}.intro-arrow{font-size:2.5rem;margin-bottom:auto;margin-top:3rem}.home-role{font-size:20px;margin:20px 0 4px 5%}.home-status{font-size:13px;margin:10px 0 0 5%}.home-projects{flex-direction:column!important;margin:4vw 5vw 4rem}.home-projects>*{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.home-project-description,.home-project-img{width:100%}.home-tag{font-size:.7rem;padding:6px 12px}}@media (max-width:600px){.home-name{margin:40px auto 30px!important;max-width:90%!important;transform:scale(1.5)!important}.home-role{font-size:18px;margin-left:3%}.home-status{font-size:13px;margin-left:3%}.intro-arrow{font-size:2rem;margin-bottom:auto;margin-top:2rem}.home-projects-h1{font-size:1.6rem;margin-left:3%}}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.project-card-image{height:180px;overflow:hidden;width:100%}.card-screenshot{background-color:#fff;height:100%;object-fit:cover;width:100%}.project-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.card-company-logo{height:30px;margin-bottom:.75rem;object-fit:contain;width:auto}.card-role-title{color:#666;font-size:.8rem;font-weight:500;margin:0 0 .5rem;text-transform:uppercase}.card-project-headline{color:#333;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.card-project-description{color:#555;flex-grow:1;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.card-tag{background:#f8f8f8;border:1px solid #333;border-radius:12px;font-size:.7rem;padding:4px 8px;text-transform:uppercase}.card-tag-more{color:#666;font-size:.7rem;font-style:italic}.card-click-hint{color:#888;font-size:.8rem;font-style:italic;margin-top:auto}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem auto;max-width:1200px;padding:0 2rem}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.projects-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.project-card-image{height:150px}.project-card-content{padding:1rem}}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;z-index:1001}.modal-close:hover{color:#000}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:2rem 2rem 1rem}.modal-company-logo{height:50px;object-fit:contain;width:auto}.modal-role-title{color:#666;font-size:1rem;margin:0 0 .5rem;text-transform:uppercase}.modal-project-headline{color:#333;font-size:1.5rem;margin:0}.modal-body{padding:1rem 2rem 2rem}.modal-screenshot,.modal-video{margin-bottom:1.5rem}.modal-screenshot{border-radius:8px;height:auto;width:100%}.modal-description p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.modal-detailed-description{margin:1.5rem 0}.modal-detailed-description h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.modal-tag{background:#f8f8f8;border:1px solid #333;border-radius:20px;font-size:.8rem;padding:6px 12px;text-transform:uppercase}.modal-links{display:flex;gap:1rem;margin-top:2rem}.modal-link{background:#333;border-radius:6px;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s}.modal-link:hover{background:#555}@media (max-width:600px){.modal-overlay{padding:1rem}.modal-header{align-items:flex-start;text-align:left}.modal-header,.modal-links{flex-direction:column}}.experience-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.experience-modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.experience-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;z-index:1001}.experience-modal-close:hover{color:#000}.experience-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:2rem 2rem 1rem}.experience-modal-logo{height:60px;object-fit:contain;width:auto}.experience-modal-role{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.experience-modal-company{color:#70a068;font-size:1.5rem;font-weight:500;margin:0 0 .5rem}.experience-modal-date{color:#666;font-size:1rem;font-style:italic}.experience-modal-body{padding:1rem 2rem 2rem}.experience-modal-description h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.experience-modal-description p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.experience-modal-skills{margin:2rem 0}.experience-modal-skills h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.experience-skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.experience-modal-skill{background:#f0f8f0;border-radius:16px;color:#70a068;font-size:.85rem;font-weight:500;padding:6px 12px}.experience-modal-gallery{margin-top:2rem}.experience-modal-gallery h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.experience-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,2fr))}.experience-image-item{text-align:center}.experience-modal-image{border-radius:8px;height:100%;margin-bottom:.5rem;object-fit:cover;width:100%}.experience-image-caption{color:#666;font-size:.9rem;margin:0}@media (max-width:600px){.experience-modal-overlay{padding:1rem}.experience-modal-header{align-items:flex-start;flex-direction:column;text-align:left}.experience-images-grid{grid-template-columns:1fr}}.timeline-container{margin:4rem auto 2rem;max-width:1200px;padding:0 2rem}.section-header{color:#333;font-family:sans-serif;font-size:2.5rem;margin-bottom:3rem;scroll-margin-top:120px;text-align:center}.timeline{padding-left:2rem;position:relative;scroll-margin-top:120px}.timeline:before{background:linear-gradient(180deg,#a3b198,#a3b198);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;padding-left:2rem;position:relative}.timeline-dot{background:#70a068;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #70a068;height:12px;left:-2rem;position:absolute;top:.5rem;width:12px}.timeline-content{background:#fff;border-left:4px solid #a3b198;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.timeline-item.clickable{cursor:pointer}.timeline-item.clickable:hover .timeline-content{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.timeline-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.timeline-logo{border-radius:6px;height:40px;object-fit:contain;width:40px}.timeline-info{flex:1 1}.timeline-role{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.timeline-company{color:#70a068;font-size:1rem;font-weight:500;margin:0 0 .25rem}.timeline-date{color:#666;font-size:.85rem;font-style:italic}.timeline-description{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.timeline-skills{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-skill{background:#f0f8f0;border-radius:12px;font-weight:500}.timeline-skill,.timeline-skill-more{color:#70a068;font-size:.75rem;padding:4px 8px}.timeline-skill-more{background:#0000;font-style:italic}.timeline-click-hint{color:#888;font-size:.85rem;font-style:italic;margin-top:1rem}.projects-section-header{color:#333;font-family:sans-serif;font-size:2.5rem;margin:4rem 0 2rem;text-align:center}@media (max-width:768px){.timeline-container{padding:0 1rem}.timeline,.timeline-item{padding-left:1.5rem}.timeline-dot{left:-1.5rem}.timeline-header{align-items:flex-start;flex-direction:column;gap:.5rem}.timeline-logo{height:35px;width:35px}.gallery-nav{font-size:1.5rem;left:10px;padding:.5rem;right:10px}.gallery-prev{left:10px}.gallery-next{right:10px}}.landing-logo{margin-bottom:.5rem;text-align:center}.image-container{display:inline-block;margin-bottom:.5rem;position:relative}.sharon-name{font-size:3rem;margin-bottom:.2rem;margin-top:1rem}.major{color:#666;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.shar-image{height:20vw;margin-bottom:.5rem;max-height:300px;min-height:200px;width:auto}.social-icons{bottom:-15px;height:60px;left:50%;position:absolute;transform:translateX(-50%);width:120%}.social-link-left{bottom:20px;left:10%;position:absolute}.social-link-center{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.social-link-right{bottom:20px;position:absolute;right:10%}.social-icon{fill:#97a38e;height:20px;transition:fill .2s ease,transform .2s ease;width:20px}.social-icon:hover{fill:#6f7968;transform:scale(1.1)}.greeting-text{color:#333;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;margin:0}@media (max-width:1200px){.shar-image{height:25vw;max-height:250px;min-height:180px}.sharon-name{font-size:2.5rem}}@media (max-width:768px){.shar-image{height:35vw;max-height:220px;min-height:160px}.sharon-name{font-size:2rem}.major{font-size:1rem}}@media (max-width:480px){.shar-image{height:45vw;max-height:180px;min-height:140px}.sharon-name{font-size:1.8rem}.major{font-size:.9rem}.social-icon{height:18px;width:18px}}@media (max-width:320px){.shar-image{height:50vw;min-height:120px}.sharon-name{font-size:1.5rem}.major{font-size:.8rem}.social-icon{height:16px;width:16px}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf9f2;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;left:0;padding:2rem 1rem;position:fixed;top:0;transition:transform .3s ease,background .3s ease;width:100%;z-index:1000}.navbar.hidden{transform:translateY(-100%)}.top-left-name{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;margin-left:1rem}.top-left-name h1{font-size:1.7rem;margin:0}.navlinks{align-items:center;display:flex;gap:3rem;margin-right:3rem}.nav-link{background:none;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:400;text-decoration:none}.nav-link:hover{text-decoration:underline;-webkit-text-decoration-color:#a3b198;text-decoration-color:#a3b198;text-underline-offset:7px}.scroll-link{background:none;border:none;cursor:pointer}.connect-button{background-color:#a3b198;border-radius:9999px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;margin-left:.5rem;padding:1rem 1em;text-decoration:none;transition:transform .2s ease}.connect-button:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-3px) scale(1.05)}.active-link{color:#a3b198!important;text-decoration:underline!important;text-underline-offset:7px}.nav-toggle{background:none;border:none;cursor:pointer;display:none;height:2rem;margin-right:2rem;position:relative;width:2rem;z-index:1100}.nav-toggle span{background:#333;border-radius:2px;display:block;height:2px;margin:4px 0;transition:transform .3s ease,opacity .3s ease;width:100%}.navbar.open .nav-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.navbar.open .nav-toggle span:nth-child(2){opacity:0}.navbar.open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width:768px){.navbar{padding:1rem 1.5rem}.nav-toggle{display:flex;flex-direction:column;height:2rem;justify-content:center;position:relative;width:2rem}.navlinks{display:none}.navbar.open .navlinks{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf9fa;display:flex;flex-direction:column;gap:3rem;height:100vh;justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.navbar.open{z-index:1000}.navbar.open .navlinks .nav-link{font-size:1.5rem;padding:1rem 2rem;text-align:center;width:auto}.navbar.open .navlinks .connect-button{font-size:1.2rem;margin-top:1rem;padding:1rem 2rem}}.footer-div{background-color:#a3b198;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:28px 0;width:100%}.footer-content{justify-content:center;margin:0 auto;width:93%}.footer-content,.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.footer-link{color:#fff;font-weight:600;letter-spacing:.2px;padding-bottom:2px;position:relative;text-decoration:none;transition:color .2s ease}.footer-link:after{background:#ffffffb3;bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.footer-link:focus-visible:after,.footer-link:hover:after{transform:scaleX(1)}.resume-link{align-items:center;border:1px solid #ffffffe6;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;gap:6px;padding:6px 12px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.resume-link:focus-visible,.resume-link:hover{background:#ffffff14;border-color:#fff;transform:translateY(-1px)}.footer-bottom-center{display:flex;justify-content:center;margin-top:12px}.footer-bottom-center p{font-size:.95rem;margin:0;opacity:.9}.footer-link:focus-visible,.resume-link:focus-visible{border-radius:4px;outline:2px solid #ffffffd9;outline-offset:2px}@media (max-width:640px){.footer-content{gap:.75rem}.footer-links{gap:.9rem;justify-content:center}.resume-link{font-weight:600;padding:6px 10px}}@font-face{font-family:Mirage;src:url(/static/media/MADE%20Mirage%20Bold%20PERSONAL%20USE.2fb1cb867ac816cd61c5.otf) format("opentype")}@font-face{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3{color:#000;font-family:Mirage,sans-serif;font-weight:var(--font-medium)}p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.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}.app-navbar-wrapper{padding-bottom:160px}.app-footer-wrapper{position:relative;z-index:10}.app-footer-wrapper .footer{position:relative;z-index:11}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e8d15d59.css.map*/