:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-titles);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:HeadingFont;src:url(/assets/Figtree-VariableFont_wght-Bm0mD-Tr.ttf) format("truetype")}@font-face{font-family:BodyFont;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype")}:root{--color-background: rgb(12, 12, 12);--color-text-titles: rgb(255, 255, 255);--color-text-titles-muted: rgb(128, 128, 128);--color-text-bodytext: rgb(185, 185, 185);--color-main-element-background: rgb(24, 24, 24);--color-main-element-background-hover: rgb(30, 30, 30);--color-button-background: rgb(37, 37, 37);--color-button-border: rgb(70, 70, 70);--color-button-hover-background: rgb(50, 50, 50);--color-button-hover-border: rgb(100, 100, 100)}:root.light-mode{--color-background: #ffffff;--color-text-titles: #000000;--color-text-titles-muted: #6a6f77;--color-text-bodytext: #2b2b2b;--color-main-element-background: #f7f9fc;--color-main-element-background-hover: #edf2f9;--color-button-background: #f0f4fa;--color-button-border: #d5e0ee;--color-button-hover-background: #e0e9f5;--color-button-hover-border: #b3c7e6}html,body{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}#root{max-width:1280px;margin:0 auto;padding:1rem}body{min-width:320px;min-height:100vh;margin:0}h1,h2,h3,h4,h5{font-family:HeadingFont}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1.1rem;font-weight:500}h5{font-size:1rem;font-weight:400}p{font-family:BodyFont;color:var(--color-text-bodytext)}a{color:var(--color-text-titles)}.wrapper{display:flex;flex-direction:column}@media screen and (min-width: 651px){.wrapper{flex-direction:row}}@media screen and (min-width: 651px){aside{min-width:250px;max-width:300px;position:fixed;top:11rem;left:auto}.main-content{margin-left:270px}}@media screen and (min-width: 1000px){aside{margin-right:3rem}.main-content{margin-left:300px}}header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:var(--color-main-element-background);position:relative;z-index:10;border-radius:1rem;margin-bottom:1rem}header img{height:36px}.desktop-menu{display:flex;justify-content:center;gap:2rem}.desktop-menu a{font-family:HeadingFont;text-decoration:none;color:var(--color-text-titles);font-weight:500;transition:color .2s}.desktop-menu a:hover{color:var(--color-text-titles-muted)}.right-buttons{display:flex;align-items:center;gap:1rem}.theme-button,.menu-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-titles)}.mobile-menu{display:none;flex-direction:column;position:absolute;top:70px;right:0;background:var(--color-main-element-background);border-radius:1rem;width:200px;padding:1rem}.mobile-menu a{margin-bottom:1rem;text-decoration:none;color:var(--color-text-titles);font-family:HeadingFont;transition:color .2s}.mobile-menu a:last-child{margin-bottom:0}.mobile-menu a:hover{color:var(--color-text-titles-muted)}.mobile-menu.open{display:flex}@media (max-width: 768px){.desktop-menu{display:none}.menu-toggle{display:block}}@media (min-width: 769px){.menu-toggle{display:none}}.link-button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;border:1.5px solid var(--color-button-border);background-color:var(--color-button-background);color:var(--color-text-titles);text-decoration:none;font-family:BodyFont,sans-serif;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.link-button:hover{background-color:var(--color-button-hover-background);border-color:var(--color-button-hover-border)}.link-button:active{transform:translateY(1px)}.link-button img{width:20px;height:20px}.profile-header{display:flex;align-items:center;width:100%;gap:clamp(.5rem,3vw,2rem)}#title-name{font-size:clamp(1.5rem,10vw,4rem);margin:0;flex-shrink:0;white-space:nowrap}#portrait{width:clamp(45px,15vw,120px);height:clamp(45px,15vw,120px);margin:0 0 0 auto;flex-shrink:0}@media (min-width: 651px){.profile-header{flex-direction:column;padding:0;align-items:flex-start}#title-name{font-size:2rem;order:2}#portrait{width:200px;height:200px;margin:0;order:1}}#contact-buttons{display:block}#contact-buttons a{margin:0rem .5rem .5rem 0rem}aside{min-width:250px;max-width:auto}@keyframes smooth-wave{0%{transform:rotate(-20deg)}50%{transform:rotate(15deg)}to{transform:rotate(-20deg)}}#waving-hand{display:inline-block;font-size:inherit;animation:smooth-wave 2.5s cubic-bezier(.4,0,.6,1) infinite;transform-origin:70% 70%}.award-item h4,.award-item h5,.award-item p{margin:.2rem 0}.award-item p{font-size:.9rem}.award-item h4{margin-left:-.3rem}.award-item{margin-bottom:2rem;padding-left:1rem;border-left:1px solid gray}.timeline-container{width:100%;height:auto;border:1px solid gray;border-radius:8px}.timeline-item-container{display:grid;grid-template-columns:auto 1fr;column-gap:40px}.timeline-item-vertical-timeline{position:relative;display:flex}.timeline-item-vertical-line{position:relative;background-color:gray;width:2px;height:100%;margin-left:2.4rem}.timeline-item-vertical-line-logo{position:absolute;width:45px;height:45px;border-radius:45px;margin-left:1rem;margin-top:2rem}.timeline-item-separator-line{position:relative;background-color:gray;width:30%;height:1px;margin:.4rem 0 .2rem;border-radius:45px}.timeline-item-container:last-child .timeline-item-separator-line{display:none}.timeline-item-container:last-child p{margin-bottom:.5rem}.timeline-item-description span{color:var(--color-text-bodytext);font-size:.8rem}.timeline-item-description h4,.timeline-item-description h5,.timeline-item-description p{margin:0 0 .1rem}.timeline-item-description-text p{margin:.3rem .5rem .3rem 0}.timeline-item-description p{font-size:.9rem}.proficiency-item{background-color:var(--color-main-element-background);border-radius:8px;padding:.5rem;display:flex;place-items:center}.proficiency-item:hover{background-color:var(--color-main-element-background-hover);border:1px solid var(--color-main-element-border-hover);transition:background-color .5s ease}.proficiency-item *{padding:0;margin:0}.proficiency-logo{width:30px;height:30px;margin-right:.7rem;border-radius:4px;padding:.3rem}.proficiency-logo--html5{background-color:#492e2a}.proficiency-logo--css{background-color:#34253b}.proficiency-logo--javascript{background-color:#594f20}.proficiency-logo--react{background-color:#27363d}.proficiency-logo--typescript{background-color:#243155}.proficiency-logo--flutter{background-color:#1f3549}.proficiency-logo--java{background-color:#3f3328}.proficiency-logo--jetpack{background-color:#204d41}.proficiency-logo--figma{background-color:#2a3d33}.proficiency-logo--kotlin{background-color:#312842}.proficiency-logo--vite{background-color:#3a3344}.proficiency-logo--git{background-color:#492e2a}.light-mode .proficiency-logo--html5{background-color:#e1c8b4}.light-mode .proficiency-logo--css{background-color:#d2c8e6}.light-mode .proficiency-logo--javascript{background-color:#f0e1b4}.light-mode .proficiency-logo--react{background-color:#e0f8f8}.light-mode .proficiency-logo--typescript{background-color:#e1e1f5}.light-mode .proficiency-logo--flutter{background-color:#e6ebf0}.light-mode .proficiency-logo--java{background-color:#e6d7c8}.light-mode .proficiency-logo--jetpack{background-color:#d7ebe1}.light-mode .proficiency-logo--figma{background-color:#e1e6e1}.light-mode .proficiency-logo--kotlin{background-color:#ebe1f5}.light-mode .proficiency-logo--vite{background-color:#eee6f0}.light-mode .proficiency-logo--git{background-color:#e6c8b4}#proficiency-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media screen and (width > 800px){#proficiency-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (width > 1100px){#proficiency-list{grid-template-columns:1fr 1fr 1fr 1fr}}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem;margin-bottom:-.3rem}.tech-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tech-icon{max-width:100%;max-height:100%;transition:transform .4s ease}.tech-icon-wrapper:hover .tech-icon{transform:scale(1.1)}.jenkins-logo{width:auto!important;height:2rem!important}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip img{width:2rem;height:auto;transition:transform .2s ease-in-out}.tooltip:hover img{transform:scale(1.1)}.tooltip .tooltip-text{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--color-button-background);font-family:BodyFont;color:var(--color-text-titles);padding:8px 12px;border-radius:8px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 4px 8px #0000004d}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--color-button-background) transparent transparent transparent}.tooltip:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.project-item{background-color:var(--color-main-element-background);border-radius:8px;padding:1rem;break-inside:avoid;margin-bottom:10px}.project-item h4{margin:.1rem 0 -.1rem}.project-description p{font-size:.9rem;margin:.3rem 0}.project-image{max-width:100%;border-radius:8px}.project-buttons{display:flex;margin-top:.6rem;gap:.5rem}.projects-container{column-count:1;column-gap:10px}@media screen and (min-width: 900px){.projects-container{column-count:2}}