@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--max-width-plain: 1100;--max-width: calc(var(--max-width-plain) * 1px);--light-gray: oklch(.928 .006 264.531);--light-blue: oklch(.977 .013 236.62);--blue: oklch(.588 .158 241.966)}*,body,html{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#000}button{border:none;background-color:transparent;border-radius:10px;padding:1rem 1.75rem;cursor:pointer}.btn-primary{border:1px solid var(--light-gray);font-weight:600}.btn-secondary{background:linear-gradient(to right,#00a5ea,#0084c8);background:linear-gradient(to right,color(xyz 0.285 0.33 0.905),color(xyz 0.189 0.207 0.634));color:#fff}:root{--text-primary: black;--text-secondary: #737373;--background-primary: white;--background-secondary: oklch(.97 0 0);--accent-blue: var(--blue);--border-primary: black;--font-16: clamp(.75rem, calc(16 * 100vw / var(--max-width-plain)), 16px);--font-17: clamp(.8rem, calc(17 * 100vw / var(--max-width-plain)), 17px);--font-20: clamp(.9rem, calc(20 * 100vw / var(--max-width-plain)), 20px);--font-32: clamp(1.25rem, calc(32 * 100vw / var(--max-width-plain)), 32px);--font-40: clamp(1.5rem, calc(40 * 100vw / var(--max-width-plain)), 40px)}#root{max-width:var(--max-width);margin:0 auto;padding:0 1rem}main{display:flex;flex-direction:column;gap:5rem}main section{padding:3rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column}main>.hero{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}main>.hero h1{font-size:var(--font-40);text-align:center;text-wrap:balance}main>.hero p{font-size:var(--font-17);text-align:center;text-wrap:balance}main>.hero .extras{display:flex;gap:1rem}main>.hero .infos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5rem}main>.hero .infos .info{display:flex;gap:4px;align-items:center;justify-content:center}main>.hero .infos .info span{color:var(--accent-blue);font-size:var(--font-32);font-weight:700}@media screen and (max-width: 640px){main>.hero .infos .info{flex-direction:column}}main>#about{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-wrap:balance;gap:20px}main>#about .tech-stacks{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}main>#about .tech-stacks .stacks{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:1rem}main>#about .tech-stacks .stacks p{font-weight:700;font-size:var(--font-20)}main>#about .tech-stacks .stacks .stacks-icon{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}main>#about .tech-stacks .stacks .stacks-icon img{gap:5px;width:50px;aspect-ratio:1/1}main>#experiences{display:flex;flex-direction:column;gap:2rem}main>#experiences .experience{display:flex;gap:10px;position:relative;width:100%;height:100%;padding-left:32px}main>#experiences .experience .dot{position:absolute;left:0;top:0;width:16px;height:100%}main>#experiences .experience .dot:before,main>#experiences .experience .dot:after{position:absolute;left:50%;transform:translate(-50%);top:16px;content:""}main>#experiences .experience .dot:before{width:3px;background-color:var(--background-secondary);height:calc(100% + 2rem)}main>#experiences .experience .dot:after{width:10px;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--border-primary);background-color:var(--background-primary)}main>#experiences .experience .details{display:flex;flex-direction:column;gap:1rem}main>#experiences .experience .details .company{display:flex;align-items:center;gap:1rem}main>#experiences .experience .details .company .image-logo-office{width:50px;aspect-ratio:1/1;height:50px;background-color:var(--background-secondary);padding:10px;border-radius:100px}main>#experiences .experience .details .company .image-logo-office img{width:100%;height:100%;object-fit:cover;filter:grayscale(1000%)}main>#experiences .experience .details .role-details{display:flex;flex-direction:column;gap:10px}main>#experiences .experience .details .role-details p{gap:5px;display:flex;align-items:center}main>#experiences .experience .details .role-details p img{width:20px;height:auto}main>#experiences .experience .details .role-details ul{padding-left:20px;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px}main>#experiences .experience .details .role-details ul li span{font-weight:700}main>#experiences .experience:last-child .dot:before{height:calc(100% - 1rem)}main #projects{display:flex;gap:2rem}main #projects .project-list{display:grid;grid-template-columns:repeat(2,calc(50% - .5rem));width:100%;justify-content:center;align-items:center;place-items:center;gap:1rem;min-height:650px}main #projects .project-list .project{border:1px solid var(--background-secondary);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;width:100%;aspect-ratio:6/8;transition:all .2s ease-in-out}@media screen and (max-width: 920px){main #projects .project-list .project{aspect-ratio:5/8}}main #projects .project-list .project:hover{box-shadow:-3px 5px 8px #3b82f626}main #projects .project-list .project>*{padding:1rem}main #projects .project-list .project .project-details{display:flex;flex-direction:column;justify-content:space-between;gap:5px;height:50%}main #projects .project-list .project .project-details p{display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}main #projects .project-list .project .project-details .stacks{display:flex;flex-wrap:wrap;gap:10px;height:90px}main #projects .project-list .project .project-details .stacks span{background-color:#f5f5f5;padding:10px;height:max-content;border-radius:100px;white-space:nowrap}main #projects .project-list .project .project-details .stacks .category{color:#fff;background-color:var(--accent-blue)}main #projects .project-list .project .project-details .availability{display:flex;width:100%;gap:16px}@media screen and (max-width: 360px){main #projects .project-list .project .project-details .availability{flex-direction:column;justify-content:center}}main #projects .project-list .project .project-details .availability button{padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;white-space:nowrap}main #projects .project-list .project .project-details .availability button img{height:16px;aspect-ratio:1/1}main #projects .project-list .project .project-image{padding:0;height:50%}main #projects .project-list .project .project-image img{object-position:top;object-fit:cover;width:100%;height:100%}main #projects .project-list .view-more-container{grid-column:span 2;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 800px){main #projects .project-list{display:flex;flex-direction:column}main #projects .project-list .project{height:max-content;aspect-ratio:1/1}}@media screen and (max-width: 800px) and (max-width: 600px){main #projects .project-list .project{aspect-ratio:7/8}}@media screen and (max-width: 800px) and (max-width: 500px){main #projects .project-list .project{aspect-ratio:6/8}}@media screen and (max-width: 800px) and (max-width: 400px){main #projects .project-list .project{aspect-ratio:5/8}}@media screen and (max-width: 800px) and (max-width: 350px){main #projects .project-list .project{aspect-ratio:unset}}@media screen and (max-width: 800px){main #projects .project-list .project .project-image{height:50%}main #projects .project-list .project .project-details{height:100%}main #projects .project-list .project .project-details p{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}main footer{border-top:1px solid var(--text-secondary);padding:1rem 0;display:flex;align-items:center;justify-content:space-between;color:#737373}main footer img{width:30px;aspect-ratio:1/1}header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:1.5rem;left:0;padding:.375rem 1.5rem;border:1px solid var(--light-gray);border-radius:1.5rem;background-color:#fff;z-index:10}header .logo{font-weight:700;font-size:1.25rem;width:25%;cursor:pointer}header .menu{display:flex;gap:10px;width:50%;justify-content:center}header .menu>*{padding:.75rem;transition:all .2s ease-in-out}header .menu>*:hover{color:var(--blue);border-radius:4px;background-color:var(--light-blue)}header .social{display:flex;align-items:center;gap:10px;width:25%;justify-content:end}header .social a{height:20px;aspect-ratio:1/1}header .social a img{height:100%;width:100%}header .hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem;gap:4px}header .hamburger:hover span{background-color:var(--blue)}header .hamburger span{display:block;width:25px;height:3px;background-color:currentColor;border-radius:2px;transition:all .3s ease;transform-origin:center}header .hamburger.active span{background-color:var(--blue)}header .hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}header .hamburger.active span:nth-child(2){opacity:0}header .hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media screen and (max-width: 768px){header .social,header .logo{width:50%}header .menu{padding:1.5rem;flex-direction:column;position:absolute;left:50%;transform:translate(-50%);top:125%;width:100%;border:1px solid var(--light-gray);border-radius:8px;background-color:#fff;z-index:10;display:none}header .menu.show{display:flex}header .hamburger{display:flex}}