*{box-sizing:border-box;touch-action:manipulation;background-color:#0000}@media (prefers-color-scheme:light){a{color:#0040ba}}@media (prefers-color-scheme:dark){a{color:#5182df}}a{text-decoration:none}p{line-height:calc(var(--default-font-size) * 1.5);margin:0}ul{margin:0;padding:0}button{cursor:pointer;border:none;outline:none;padding:0;display:block}img{width:100%;height:100%}strong{font-weight:700}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:20px}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.75rem}.icon{flex-shrink:0;display:inline-block}@media (prefers-color-scheme:light){.icon{fill:#c9c9c9}}@media (prefers-color-scheme:dark){.icon{fill:#999}}.icon{width:100%;height:100%}@media print{.icon{fill:inherit}}.print-only{display:none}@media print{.print-only{display:inherit}.print-page-break{break-before:page}.print-avoid-break-inside{break-inside:avoid-page}}aside{align-items:end;padding:20px 0;display:flex}@media print{aside{display:none}}aside .actions{flex-direction:column;gap:10px;display:flex;position:sticky;bottom:20px}aside .actions button{width:30px;height:30px}@media screen and (width<=480px){aside .actions button{width:25px;height:25px}}header{flex-direction:row;gap:20px;display:flex}header>*{min-width:0}header{flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:20px}header .name,header .bio{margin:0}header .name{-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word;-webkit-box-orient:vertical;font-size:max(min(10vw,4rem),2rem);display:-webkit-box;overflow:hidden}header .bio{margin-top:5px;font-size:max(min(4vw,1.5rem),1rem)}header .links{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}@media print{header .links{display:none}}header .links a .icon{width:30px;height:30px}@media screen and (width<=480px){header .links a .icon{width:25px;height:25px}}header .links a:has(.icon){font-size:0}header .links a:hover{opacity:.8}main section>h3{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:capitalize}main .contacts{margin-top:20px;margin-bottom:20px}main .contacts .contact{flex-direction:row;gap:20px;margin-top:10px;margin-bottom:10px;display:flex}main .contacts .contact>*{min-width:0}main .contacts .contact{align-items:center}main .contacts .contact .logo .icon{width:30px;height:30px}@media screen and (width<=480px){main .contacts .contact .logo .icon{width:25px;height:25px}}main .contacts .contact .logo:has(.icon){font-size:0}main .about{margin-top:20px;margin-bottom:20px}main .about p{margin-top:10px;margin-bottom:10px}main .skills,main .skills .skills-group{margin-top:20px;margin-bottom:20px}main .skills .skills-group.title,main .skills .projects .project .title .skills-group.markers,main .projects .project .title .skills .skills-group.markers,main .skills .skills-group.list{margin-top:10px;margin-bottom:10px}main .skills .skills-group.title,main .skills .projects .project .title .skills-group.markers,main .projects .project .title .skills .skills-group.markers{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:capitalize}main .skills .skills-group.list{flex-direction:row;gap:10px;display:flex}main .skills .skills-group.list>*{min-width:0}main .skills .skills-group.list{flex-wrap:wrap;list-style:none}main .skills .skills-group.list>li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main .experiences,main .experiences .experience{margin-top:20px;margin-bottom:20px}main .experiences .experience.company,main .experiences .experience.date,main .experiences .experience.achievements,main .experiences .experience.techstack{margin-top:10px;margin-bottom:10px}main .experiences .experience.company{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:capitalize}main .experiences .experience.date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-color-scheme:light){main .experiences .experience.date{color:#c9c9c9}}@media (prefers-color-scheme:dark){main .experiences .experience.date{color:#999}}main .experiences .experience.date{font-weight:700}main .experiences .experience.achievements{list-style:none}main .experiences .experience.achievements>li{margin-top:10px;margin-bottom:10px}@media (prefers-color-scheme:light){main .experiences .experience.techstack{color:#c9c9c9}}@media (prefers-color-scheme:dark){main .experiences .experience.techstack{color:#999}}main .experiences .experience.techstack{flex-wrap:wrap;gap:5px 10px;font-size:.75rem;font-weight:700;list-style:none;display:flex}main .experiences .experience.techstack>li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main .projects,main .projects .project{margin-top:20px;margin-bottom:20px}@media screen and (width<=480px){main .projects .project{gap:5px}}main .projects .project .title,main .projects .project .title .markers,main .projects .project .description{margin-top:10px;margin-bottom:10px}main .projects .project .title,main .projects .project .title .markers{flex-direction:row;gap:5px 10px;display:flex}main .projects .project .title>*,main .projects .project .title .markers>*{min-width:0}main .projects .project .title,main .projects .project .title .markers{flex-wrap:wrap}main .projects .project .title .name{text-overflow:ellipsis;white-space:nowrap;font-size:inherit;margin:0;overflow:hidden}main .projects .project .title .links{white-space:nowrap}@media print{main .projects .project .title .links{display:none}}main .projects .project .title .markers{margin:0}@media print{main .projects .project .title .markers{display:none}}@media (prefers-color-scheme:light){main .projects .project .title .markers .marker{color:#c9c9c9}}@media (prefers-color-scheme:dark){main .projects .project .title .markers .marker{color:#999}}main .projects .project .title .markers .marker{font-weight:700}.content{min-height:inherit;animation:.1s linear forwards fade-in}.content .grid{max-width:1000px;min-height:inherit;grid-template:".aside header."max-content".aside main."/auto auto 1fr auto;gap:20px;margin:0 auto;display:grid}@media screen and (width<=480px){.content .grid{grid-template-areas:".header."".main."}.content .grid aside{display:none}}.content .grid>*{min-width:0}.content .grid aside{grid-area:aside}.content .grid header{grid-area:header}.content .grid main{grid-area:main}@media print{.content .grid{flex-direction:column;gap:20px;display:flex}.content .grid>*{min-width:0}}