footer{width:100%;margin-top:6rem;background:var(--color-onyx-950)}.links-footer{display:flex;align-items:center;justify-content:center;gap:3rem}.links-footer svg{width:2rem;height:2rem;transition:.3s}footer div{width:100%;max-width:102.4rem;display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2.4rem 1.6rem;margin-inline:auto;color:var(--color-onyx-100);font-size:1.2rem}nav{position:fixed;width:100%;display:flex;align-items:center;justify-content:center;transition:.9s;background:var(--bg-color);box-shadow:0 .1rem .4rem #0000000d;z-index:10}nav div{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:102.4rem;padding:1.8rem 1.6rem}.brand{font-size:2.2rem;font-weight:600;line-height:1.6rem}.brand img{width:11rem}nav ul{display:flex;align-items:center;gap:2rem}nav ul li a{font-weight:500}section.brief-about{max-width:95.6rem;padding:13.2rem 0 2rem;margin:0 auto;display:grid;grid-template-columns:3fr 1fr}section.brief-about .brief-wrapper{padding:0 1rem;max-width:45rem}section.brief-about .brief-wrapper h2{font-weight:800}section.brief-about .brief-wrapper h4{font-weight:800;margin-top:2rem}section.brief-about .brief-wrapper p{margin-top:2rem}section.brief-about img{width:40rem;height:40rem;border-radius:.8rem}section.brief-about .hobbies ul{display:flex;gap:1.6rem;margin-top:1.6rem}.experience-container{color:red}.card-experience-job{max-width:29rem;min-height:32rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--color-onyx-100);border-radius:8px;background:#e4e8e933;box-shadow:0 .3rem .4rem #0000001a;flex-grow:0;flex-shrink:0}.card-experience-job img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:all .2s ease-out,transform .6s ease-in;display:block}.card-experience-job img:hover{filter:hue-rotate(7deg) contrast(101%) saturate(200%);transform:scale(1.1)}.card-experience-job .info{display:flex;flex-direction:column;align-items:start;padding:1.6rem}.card-experience-job .info p.job{font-size:1.4rem;color:var(--color-onyx-400)}.card-experience-job .info p.description{text-align:start;margin-top:.6rem;font-size:1.4rem;line-height:2.6rem}.limited-lines{overflow:hidden;text-overflow:ellipsis;line-height:2.6rem;white-space:normal;-webkit-line-clamp:3}.card-experience-job-footer{background:#e4e8e94d;padding:1.6rem;font-size:1.4rem;text-align:center;border-top:1px solid var(--color-onyx-20)}.card-my-project{max-width:31rem;height:52rem;overflow:hidden;border:1px solid var(--color-onyx-100);border-radius:8px;background:#e4e8e933;box-shadow:0 .3rem .4rem #0000001a}.card-my-project a{height:100%;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease-out,transform .6s ease-in}.card-my-project a:hover{filter:brightness(104%)}.card-my-project img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:all .2s ease-out,transform .6s ease-in;display:block}.card-my-project img:hover{filter:hue-rotate(7deg) contrast(110%) saturate(200%);transform:scale(1.1)}.card-my-project .info{display:flex;flex-direction:column;align-items:start;padding:1.6rem}.card-my-project .role{font-size:1.4rem;color:var(--color-onyx-400)}.card-my-project .description{text-align:start;margin-top:.6rem}.card-my-project .techs{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-direction:row;flex-wrap:wrap;flex-grow:0;margin-top:2rem}.card-my-project .techs span{padding:.8rem;border-radius:8px;border:1px solid var(--color-onyx-200);font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem;text-transform:uppercase}.card-my-project .techs span img{width:1.8rem}.card-my-project .footer{background:#e4e8e980;border-top:1px solid var(--color-onyx-20);padding:1.6rem;font-size:1.4rem;text-align:center}section.brief{background:var(--color-onyx-50);padding:13.2rem 0 2rem}section.brief .brief-wrapper{max-width:95.6rem;margin:0 auto;padding:0 1.6rem;display:flex;flex-direction:column;align-items:flex-start}section.brief img{width:31rem;height:31rem;max-width:34rem;max-height:34rem;object-fit:contain;align-self:center}section.brief div{display:flex;flex-direction:column}section.brief h1{font-size:2.4rem;line-height:3.4rem;margin:6rem 0 0}section.brief h1+p{margin-top:2rem}section.brief p{color:var(--color-onyx-500)}section.brief p a{color:var(--color-onyx-950);font-weight:600}section.portfolio{margin-top:6rem;padding:4.8rem 0}section.portfolio.work{background:var(--color-onyx-100)}section.portfolio .portfolio-wrapper{max-width:95.6rem;margin:0 auto;padding:0 1.6rem;display:flex;flex-direction:column}.portfolio-wrapper .header{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;justify-content:flex-start}.portfolio-wrapper-section-header h4{font-size:2.4rem}section.portfolio .cards-wrapper{display:flex;flex-direction:row;gap:2.4rem;align-items:center;justify-items:center;width:100%;margin-top:2.4rem;padding:.4rem}#my-projects{display:grid;grid-template-columns:1fr}.scroll{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:flex}.scroll::-webkit-scrollbar{display:none}section.contact{margin-top:10rem;padding:2rem 0;background:var(--color-onyx-50)}.project-container .project-header{display:flex;align-items:center;justify-content:center;padding-top:6.527rem;background:var(--color-crimson-600);width:100%;height:40rem}.project-container header img{width:100%;height:100%;object-fit:contain}.design-process img,.wireframe img,.visual-identity img{padding-top:3.2rem;width:100%;object-fit:contain}.project-brief,.project-overview,.project-user-research,.project-problem,.project-design-concept,.project-user-feedback,.project-reflection{margin:6.6rem auto}.project-brief .brief-wrapper,.project-overview .overview-wrapper,.project-user-research .user-research-wrapper,.project-problem .problem-wrapper,.project-design-concept .design-concept-wrapper,.project-user-feedback .user-feedback-wrapper,.project-reflection .reflection-wrapper{border:1px solid none;max-width:95.6rem;padding:1.6rem;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start}.overview-title,.user-research-title,.design-concept-title,.user-feedback-title,.problem-title,.reflection-title{color:var(--color-crimson-600);font-weight:600;letter-spacing:.1rem;margin-bottom:1.6rem}.list-ul-styled li{padding-left:2rem;text-indent:-2rem;margin-top:.5rem;line-height:125%}.list-ul-styled li:before{content:"•";display:inline-block;width:0;margin-left:2rem;font-size:2.4rem}.project-brief{border:1px solid none}.project-brief .subtitle{line-height:2.24rem;margin-top:1.6rem}.project-brief-info{display:grid;grid-template-columns:1fr;gap:6rem;margin-top:6rem}.project-brief-info div{width:18rem}.project-overview{border:1px solid none}.project-overview .prompt p{margin-top:1.6rem}.project-overview .design-process,.project-overview .initial-thinking,.project-overview .how-might-we-questions{margin:6.2rem 0 1rem}.project-overview .initial-thinking>div{margin-top:1.6rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem}.list-initial-thinking span{font-size:2rem}.list-initial-thinking ul,.how-might-we-questions ul{margin-top:1.6rem}.how-might-we-questions{counter-reset:howMightWeCounter}.how-might-we-questions li{counter-increment:howMightWeCounter}.how-might-we-questions li:before{content:counter(howMightWeCounter,decimal-leading-zero);display:inline-block;width:4rem;margin-left:-2rem;color:var(--color-onyx-400);font-weight:600}.how-might-we-questions li{padding-left:6rem;text-indent:-2rem;margin-top:3.2rem;line-height:160%}.project-user-research{border:1px solid none}.research-goals,.research-goals span,.research-goals ul{margin-top:1.6rem}.research-goals span,.system-research span{font-size:2rem;line-height:2.8rem;font-weight:500}.system-research{margin-top:6rem}.system-research>div{margin-top:2.4rem}.system-research .list-img{max-width:400px;max-height:400px;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:6rem}.system-research .list-img img{width:220px;height:150px;object-fit:contain;box-shadow:0 .1rem .4rem #0000004d}.project-problem{background:var(--color-onyx-100);border:1px solid none;padding:6.2rem 0}.problem-startment{display:flex;flex-direction:column;gap:4rem;width:100%}.problem-wrapper p{align-self:flex-end;justify-self:end;max-width:50rem;font-size:2rem}.project-design-concept,.project-user-feedback{border:1px solid none}.user-testing-feedback ul{margin-top:1.6rem}.topics{display:flex;flex-direction:column;gap:3.2rem;letter-spacing:0}.resume-container{padding:9.8rem 2rem 0}.resume-wrapper{position:relative;display:grid;gap:4rem;background:#fff;border-radius:20px;padding:3.2rem;max-width:98.6rem;margin-inline:auto}.resume-wrapper header{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:3rem}.resume-wrapper header h2{font-size:3.2rem;font-weight:500;padding-right:4rem}.resume-wrapper header a{display:flex;font-size:1.4rem;line-height:2.2rem}.resume-wrapper section{display:flex;flex-direction:column;gap:1.6rem}.work-card,.education-card,.skillset-card{display:flex;flex-direction:column}.work-card+.work-card,.education-card+.education-card,.skillset-card+.skillset-card{margin-top:2rem}.resume-wrapper section h5{padding-right:4rem;font-size:1.4rem;font-weight:400;text-transform:uppercase}.resume-wrapper section h4{line-height:2.4rem}.resume-wrapper section span{font-size:1.6rem;color:var(--color-onyx-400)}.resume-wrapper .timeline{font-size:1.4rem;margin-top:.6rem}.resume-wrapper section p{font-size:1.4rem;line-height:2.4rem;margin-top:1.2rem}.skillset .skillset-card p{margin-top:1.6rem}#btn-download{position:absolute;right:0;top:0;border:none;box-shadow:0 .1rem .4rem #0003;border-bottom-left-radius:9999px;width:6rem;height:6rem;background:var(--color-crimson-opacity-8);cursor:pointer;display:flex;align-items:center;justify-content:center}#btn-download svg{margin-left:1.6rem;margin-bottom:1.6rem}.file-down-icon{color:var(--color-onyx-600)}.page-break{page-break-before:always}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%;font-family:Roboto,sans-serif;font-weight:400;--color-onyx-10: #fffefe;--color-onyx-20: #f9f9f8;--color-onyx-50: #F5F6F6;--color-onyx-100: #E4E8E9;--color-onyx-200: #CCD3D5;--color-onyx-300: #A8B4B8;--color-onyx-400: #7D8E93;--color-onyx-500: #627378;--color-onyx-600: #546066;--color-onyx-700: #485256;--color-onyx-800: #40474A;--color-onyx-900: #393E41;--color-onyx-950: #232629;--color-onyx-970: #0a0b0c;--color-onyx-opacity-5: rgba(228, 232, 233, .5), --color-onyx-opacity-8: #E4E8E9, --color-crimson-50: #FEF2F2;--color-crimson-100: #FEE6E5;--color-crimson-200: #fccfd0;--color-crimson-300: #F9A8A8;--color-crimson-400: #F5777B;--color-crimson-500: #EC4751;--color-crimson-600: #D72638;--color-crimson-700: #B61A2E;--color-crimson-800: #98192d;--color-crimson-900: #83182C;--color-crimson-950: #490812;--color-crimson-opacity-8: rgb(252, 207, 208, .8);--color-blue-500: #5CC4C4;--color-gradient-tt: linear-gradient(45deg, #EC4751, #F5777B);--tt-color: var(--color-onyx-950);--bg-color: var(--color-onyx-50);--bg-footer-color: var(--color-onyx-970);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a{font-weight:500;color:inherit;text-decoration:none}ul,ol{list-style:none}html,body{min-width:320px;min-height:100vh}body{font-size:1.6rem;line-height:1.5rem;background:var(--bg-color);color:var(--tt-color)}#app{width:100%;margin:0 auto}h1,h2,h4,h5,h6{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700}h1{font-size:4.8rem;font-weight:800;line-height:4.8rem}h2{font-size:3rem;font-weight:600;line-height:3.6rem}h3{font-size:2.4rem;font-weight:600;line-height:3.2rem}h4{font-size:2rem;font-weight:600;line-height:2.8rem}p{font-size:1.6rem;font-weight:400;line-height:2.8rem}.gradient-text{background-color:red;background-image:var(--color-gradient-tt);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{box-shadow:inset 0 0 0 var(--color-crimson-600);background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-crimson-600)}@media (min-width: 485px){nav ul{gap:4rem}.resume-wrapper{padding:5rem}.skillset-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.skillset-card+.skillset-card{margin-top:0}.project-brief-info{grid-template-columns:1fr 1fr}}@media (min-width: 610px){nav ul{gap:6rem}.resume-wrapper header{flex-direction:row;justify-content:space-between;align-items:center}.project-container .project-header{height:50rem}.project-brief-info{grid-template-columns:1fr 1fr 1fr;column-gap:4.8rem;row-gap:3rem}}@media (min-width: 742px){section.brief .brief-wrapper{flex-direction:row-reverse;align-items:center}section.brief h1{margin:0}#my-projects{grid-template-columns:repeat(2,1fr)}}@media (min-width: 986px){nav ul{padding-right:4rem}section.portfolio .cards{max-width:82rem;margin-inline:auto}#my-projects{grid-template-columns:repeat(3,1fr);gap:1.6rem}.resume-wrapper section{display:grid;grid-template-columns:1fr 3fr}.resume-wrapper section h5{padding-top:.4rem}.skillset-card+.skillset-card{margin-top:0}.skillset-card{display:flex;flex-direction:column}.project-container .project-header{height:60rem}.project-brief-info{display:flex;gap:5rem}.research>div{margin-top:2.4rem;display:flex;gap:2rem}.research .list-img{margin-top:0}}@media (min-width: 1090px){section.portfolio .cards{max-width:109rem}section.brief img{width:100%;height:100%}}