:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}div{text-align:left}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:768px}@media (max-width: 768px){body{width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--font-size-1: 1.5rem;--font-size-2: 1.25rem;--font-size-3: 1rem;--font-size-4: .875rem;--font-size-5: .75rem;--color-primary: #ffffff;--color-secondary: #b1afaf;--color-tertiary: #a3a3a3;--color-accent: #00adb5;--color-muted: #333333}.button{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--color-accent);color:var(--color-primary);font-size:var(--font-size-5);font-weight:500;width:fit-content;cursor:pointer;border:none;outline:none;transition:background-color .3s ease}.button:hover{background-color:var(--color-accent-hover)}.button-metadata{display:flex;gap:.5rem;align-items:center}.buttons-div{display:flex;gap:1rem;flex-wrap:wrap}.sub-header{font-size:var(--font-size-3);color:var(--color-tertiary);font-weight:500}.divider{width:100%;height:.5px;background-color:var(--color-tertiary);margin-top:.5rem}.home-page{display:flex;flex-direction:column;gap:1rem}.header{margin-top:1rem;display:flex;justify-content:flex-start;gap:2rem;align-items:center}.profile-pic{width:90px;height:90px;border-radius:50%;object-fit:cover}.header-metadata{display:flex;flex-direction:column}.doto-font{font-family:Doto,sans-serif;font-optical-sizing:auto;font-weight:750;font-style:normal;font-variation-settings:"ROND" 0}.handle-logo{width:30px;height:30px;object-fit:cover}.profile-name{color:var(--color-primary);font-size:var(--font-size-1)}.handle-name{color:var(--color-accent);font-size:var(--font-size-3)}.profile-description{color:var(--color-secondary);font-size:var(--font-size-3)}.experiences-div,.experience-child{display:flex;flex-direction:column;gap:1rem}.org-div{display:flex;gap:1rem}.org-name{font-size:var(--font-size-3);font-weight:500;margin-bottom:.5rem}.journey-div,.journey-child{display:flex;flex-direction:column;gap:1rem}.journey-child-header{display:flex;justify-content:space-between;align-items:center}.journey-title{color:var(--color-primary);font-size:var(--font-size-4)}.journey-duration{font-size:var(--font-size-4);color:var(--color-tertiary)}.journey-work{display:flex;flex-direction:column;gap:.5rem;color:var(--color-secondary);font-size:var(--font-size-4)}.work-child{display:flex;gap:.5rem}.projects-div{display:flex;flex-direction:column;gap:1rem}.project-child{align-self:center;display:flex;flex-direction:column;gap:1rem;border:.5px solid var(--color-tertiary);border-radius:.5rem;padding:.5rem}.project-child:hover{border:.5px solid var(--color-primary);cursor:pointer}.project-metadata{display:flex;flex-direction:column;gap:.5rem}.project-name{font-size:var(--font-size-3);font-weight:500}.project-description{font-size:var(--font-size-4);color:var(--color-tertiary)}.project-child:hover .project-description,.project-child:hover .tech-div{color:var(--color-secondary)}.hover-zoom{transition:transform .5s ease;object-fit:cover}.project-video:hover .hover-zoom{transform:scale(1.5)}.project-video{overflow:hidden}.project-video video{width:100%;height:auto;border-radius:12px;transition:transform .3s ease-in-out}.project-tech{display:flex;gap:.5rem;color:var(--color-secondary);font-size:var(--font-size-4)}.tech-div{display:flex;font-size:var(--font-size-4);color:var(--color-tertiary);margin-bottom:.5rem}.tech-child{display:flex;align-items:center;padding:3px 5px;border-radius:.5rem;color:var(--color-primary);background-color:var(--color-muted);font-size:var(--font-size-4);transition:all .3s ease;width:fit-content;border:.3px solid var(--color-tertiary)}.tech-child span{display:none}.tech-child span{opacity:0;max-width:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:inline-block;white-space:nowrap}.tech-child:hover span{opacity:1;max-width:200px}.tech-child:hover{gap:.3rem}.tech-icon{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.journey-child-header{flex-direction:column;align-items:flex-start}.journey-duration{margin-top:.5rem}}