#root{max-width:1280px;margin:0 auto;text-align:center;font-size:clamp(10px,10px + .3vw,20px)}html{font-size:clamp(10px,10px + .3vw,20px)}@media screen and (max-width: 1400px){#root{max-width:80%}}@media screen and (max-width: 800px){#root{max-width:95%}}.app-container{display:flex;flex-direction:column;min-height:100vh}.logo{height:6rem;padding:1.5rem;will-change:filter;transition:filter .3s}.card{padding:2rem}.read-the-docs{color:#888}.default-title{color:var(--primary-color);font-weight:700;font-size:2.5rem}.default-card{background-color:var(--bg-color-2);box-shadow:var(--shadow-s);border-radius:1.5rem;transition:.3s}::-webkit-scrollbar{transition:.3s;width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{transition:.3s;background:var(--primary-color);border-radius:1em;border:3px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#555}header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;flex:0 0 auto;position:relative}.left-icons{display:flex;gap:1rem;justify-content:center;align-items:center}.main-icon{padding:.5rem;transition:.3s;position:absolute;left:0;top:1rem}.main-icon div{height:1.5rem}.main-icon svg{height:1.5rem;width:1.5rem;transition:.3s}.full-icon{position:absolute;left:50%;top:calc(50vh - 20rem);transform:translate(-50%)}.full-icon svg{height:19em;width:19em}.move-right{margin-left:3.5rem}.bright-icon{transition:.3s;display:flex;padding:.5rem;cursor:pointer}.bright-icon div{height:1.5rem}.bright-icon svg{width:1.5rem;height:auto}.bright-icon svg path{transition:.3s;fill:var(--text-color)}.bright-icon:hover svg path{fill:var(--primary-color)}.menu{display:flex;gap:2rem}.menu a{cursor:pointer;padding:.25rem 1rem;transition:.3s;border-radius:.25rem;color:var(--text-color);text-decoration:none}.menu a:hover{background-color:var(--primary-color);color:var(--button-text-color);box-shadow:var(--shadow-l)}@media screen and (max-width: 550px){.full-icon{top:calc(50vh - 25rem)}}@media screen and (max-width: 450px){.menu{gap:.5rem}}.home-page{flex:1 1 auto;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5rem;gap:1.5rem}.home-page .title{padding-top:19.5rem;font-size:3.5rem;font-weight:600;margin-top:.5rem;margin-bottom:0}.home-page .title span{color:var(--primary-color)}.home-page .description{margin-top:0;margin-bottom:1.5rem;font-size:1.4rem}.home-page .link-icons{display:flex;justify-content:center;align-items:center;gap:1rem}.home-page .link-icons svg{cursor:pointer;transition:.2s;width:2rem;height:auto;fill:var(--primary-color);filter:drop-shadow(var(--svg-shadow))}.home-page .link-icons svg path{fill:var(--primary-color)}.home-page .link-icons svg:hover{transform:scale(1.3)}.primary-btn.download-btn{transition:.3s;display:flex;padding:.4rem .8rem;justify-content:center;align-items:center;font-weight:600}.primary-btn.download-btn svg{width:1.5rem;height:auto;margin-right:.5rem}.primary-btn.download-btn svg path{transition:.3s;stroke-width:2.5;stroke:var(--bg-color)}.primary-btn.download-btn:hover{filter:brightness(1.2);transform:translateY(-10%);box-shadow:var(--shadow-l)}.about-page{padding-top:10rem;display:flex;flex-direction:column;gap:6rem;padding-bottom:5rem}.beyond-work-container h1{margin:0;margin-bottom:6rem}.beyond-work-container .content{display:flex;justify-content:space-between;font-size:1.5rem;text-align:left;gap:18rem}.beyond-work-container .icons{display:flex;gap:9rem;align-items:center}@media screen and (max-width: 1366px){.beyond-work-container .content,.beyond-work-container .icons{gap:6rem}}@media screen and (max-width: 960px){.beyond-work-container h1{margin:0;margin-bottom:3rem}.beyond-work-container .content{flex-direction:column;text-align:center;gap:2rem}.beyond-work-container .content .description{margin-top:0}.beyond-work-container .icons{justify-content:center}.beyond-work-container .icons svg{width:6rem;height:6rem}}@media screen and (max-width: 450px){.beyond-work-container .content .icons{flex-direction:column;gap:2rem}}.description-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8rem}.description-container .description{text-align:left;display:flex;flex-direction:column;gap:2rem;margin:0}.description-container .description h1{font-weight:500;font-size:3rem;margin:0}.description-container .description h1 span{color:var(--primary-color)}.description-container .description .main-text{font-size:2rem;margin:0;margin-top:1rem}.description-container .description .sub-text{font-size:1.5rem;margin:0;margin-top:1rem}.avatar-container{display:flex;justify-content:center;align-items:center}.avatar{transition:.3s;background-color:var(--bg-color-2);padding:2rem;border-radius:2.5rem;box-shadow:var(--shadow-s);display:flex;justify-content:center;align-items:center;width:30rem;height:30rem;padding:0;box-sizing:border-box;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.avatar:hover{background-color:var(--bg-color-3);box-shadow:var(--shadow-m);transform:scale(1.05);rotate:5deg}@media screen and (max-width: 960px){.description-container{grid-template-columns:1fr;gap:2rem;margin-bottom:0}.description-container .description{order:2}.description-container .description *{text-align:center}.description-container .description a{display:flex;justify-content:center}.description-container .avatar-container{order:1}}.tech-stack-container h1{margin:0;margin-bottom:6rem}.tech-container{display:grid;grid-template-columns:repeat(6,1fr);gap:4rem}.tech-container svg{width:6rem;height:6rem}.tech-container>div{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1em}@media screen and (max-width: 1200px){.tech-container{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 800px){.tech-stack-container h1{margin-bottom:3rem}.tech-container{grid-template-columns:repeat(3,1fr)}}.timeline-card{padding:1.5rem;text-align:start}.timeline-card.left{margin-right:2rem}.timeline-card.right{margin-left:2rem}.timeline-card .company,.timeline-card .role{margin:0}.timeline-card .company{font-weight:400}.timeline-card .role{margin-top:.5rem;margin-bottom:1.5rem;font-weight:600}.timeline-card ul{display:flex;flex-direction:column;gap:1rem;list-style-type:disc;padding-left:1.2rem;margin:0}.timeline-item{display:grid;grid-template-columns:1fr auto 1fr}.timeline-item .timeline-card-container{width:100%}.timeline-item .company-card{z-index:1;position:relative;height:70px;width:70px;border:2px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-l)}.timeline-item .company-card img{height:70px;width:70px}.timeline-item .period-container{z-index:1;display:flex}.timeline-item .period-container.left{align-items:flex-start;margin-left:1.5rem}.timeline-item .period-container.right{justify-content:flex-end;margin-right:1.5rem}.timeline-item .period-container .period{margin-top:35px;transform:translateY(-50%);background-color:var(--primary-color);color:var(--button-text-color);height:fit-content;padding:.25rem .5rem;border-radius:.5rem;box-shadow:var(--shadow-m)}@media screen and (max-width: 800px){.timeline-item{display:flex}.timeline-item .timeline-card.left{margin-right:9rem}.timeline-item .timeline-card.right{margin-left:9rem}.timeline-item .company-card,.timeline-item .period-container{position:absolute}.timeline-item .company-card.left{right:.5rem;transform:translateY(1rem)}.timeline-item .company-card.right{left:.5rem;transform:translateY(1rem)}.timeline-item .period-container.left,.timeline-item .period-container.right{margin:7em 0 0}.timeline-item .period-container.left{right:3.8rem;transform:translate(50%)}.timeline-item .period-container.right{left:3.8rem;transform:translate(-50%)}}.experience-section .timeline{position:relative}.experience-section .line{position:absolute;left:50%;transform:translate(-50%);height:100%;width:2px;background-color:var(--primary-color)}.experience-section .cards-container{display:flex;flex-direction:column;gap:5rem}@media (max-width: 800px){.experience-section .line{display:none}.experience-section .cards-container{gap:2rem}}.projects-section .projects{display:flex;justify-content:space-between}.projects-section .footer-text{margin-top:3.5rem}@media screen and (max-width: 1200px){.projects-section .projects{gap:2rem}}@media screen and (max-width: 960px){.projects-section .projects{flex-direction:column;gap:2rem;align-items:center}.projects-section .projects .project-card{width:80%;max-width:300px}.projects-section .projects .project-card img{width:100%;height:auto}}.project-card{display:flex;flex-direction:column;padding:1.5rem;width:18rem;height:auto}.project-card:hover{transform:scale(1.03);box-shadow:var(--shadow-m);background-color:var(--bg-color-3)}.project-card a{color:var(--card-text-color);text-decoration:none}.project-card p{text-align:start}.project-card img{height:10rem}.work-page .description{margin-bottom:3.5rem}.projects-section,.experience-section{margin-bottom:4rem}.resume-page{display:flex;flex-direction:column;align-items:center;padding-bottom:4rem}.resume-page .resume-img{width:100%;margin-top:2.5rem;box-shadow:var(--shadow-l)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #191919;--bg-color-2: #222222;--bg-color-3: #282828;--primary-color: #d73c50;--primary-color-hover: #eb5468;--text-color: #f9f9f9;--button-text-color: #171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000060, 0 2px 4px #00000040;--shadow-m: inset 0 1px 2px #ffffff50, 0 2px 4px #00000060, 0 4px 8px #00000040;--shadow-l: inset 0 1px 2px #ffffff70, 0 4px 6px #00000060, 0 6px 10px #00000040;--inside-shadow-s: inset 0 1px 2px #00000030, inset 0 2px 4px #00000020, inset 0 -1px 2px #ffffff30;--inside-shadow-m: inset 0 2px 4px #00000050, inset 0 4px 8px #00000020, inset 0 -1px 2px #ffffff50;--inside-shadow-l: inset 0 4px 8px #00000070, inset 0 6px 10px #00000020, inset 0 -1px 2px #ffffff70;--svg-shadow: 0px 2px 2px #000000}[data-theme=light]{--bg-color: #e4e4e4;--bg-color-2: #efefef;--bg-color-3: #f9f9f9;--primary-color: #d7263d;--primary-color-hover: #f74c62;--text-color: #1a1a1a;--button-text-color: #e4e4e4;--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000020;--shadow-m: inset 0 1px 2px #ffffff50, 0 2px 4px #00000030, 0 4px 8px #00000020;--shadow-l: inset 0 1px 2px #ffffff70, 0 4px 6px #00000030, 0 6px 10px #00000020;--svg-shadow: 0px 2px 4px #00000050}body{transition:.3s;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0}.primary-btn{background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:1rem 2rem;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s;box-shadow:var(--shadow-m)}a{text-decoration:none}