:root{--dark-gray:#bbb;--light-gray:oklch(from var(--dark-gray) calc(l + .1) c h);--white:snow;--main-background-color:#111;--grid-areas-padding:clamp(.8rem, 2dvw, 1.5rem);--grid-gap:.25rem;--main-section-padding:1rem;--font-size-normal:clamp(.8rem, 3dvw + .1rem, 1rem);--font-size-small:clamp(.6rem, 2.8dvw + .1rem, .8rem);--buttons-88-31-width:88px}body{margin:0}*{box-sizing:border-box}:not(html){font-size:var(--font-size-normal)}code{font-family:Courier New,Courier,monospace}h1,h2,h3,h4,h5,h6{font-weight:400}h1,h2{text-align:center}h1{letter-spacing:.2rem;margin-top:0;font-size:clamp(1rem,5dvw + .3rem,2rem)}h2{font-size:clamp(.95rem,4dvw + .2rem,1.5rem)}h3{font-size:clamp(.9rem,3.5dvw + .2rem,1.17rem);margin-top:0!important}ol{padding-left:clamp(20px,3dvw,40px)}#site-title>a{font-size:inherit;color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:700}#content{gap:var(--grid-gap);display:grid}#content header{grid-area:header}#content main{padding:var(--grid-areas-padding);grid-area:main}#content main.theme-dark{border:1rem ridge var(--light-gray);background-color:var(--main-background-color);scrollbar-color:snow #0000;height:36rem;overflow-y:auto}@media (width>=1025px){#content.theme-dark{grid-template-columns:12.5rem 1fr 12.5rem;grid-template-areas:"header header header""aside-left main aside-right"}#content.theme-dark #aside-top{display:none}#content.theme-dark #aside-left{padding:var(--grid-areas-padding);grid-area:aside-left}#content.theme-dark #aside-right{padding:var(--grid-areas-padding);grid-area:aside-right}#content.theme-light{grid-template-columns:initial;grid-template-areas:"header""aside-top""main"}#content.theme-light #aside-top{grid-area:aside-top}#content.theme-light #aside-left,#content.theme-light #aside-right{display:none}}@media (width<=1024px){#content.theme-dark{grid-template-columns:initial;grid-template-areas:"header""aside-top""main"}#content.theme-dark #aside-top{grid-area:aside-top}#content.theme-dark #aside-left,#content.theme-dark #aside-right{display:none}#content.theme-light{grid-template-columns:initial;grid-template-areas:"header""aside-top""main"}#content.theme-light #aside-top{grid-area:aside-top}}.nav-list{padding-left:0;list-style:none}.nav-list.theme-dark{color:#000;margin:0}.nav-list.theme-dark .nav-link{color:currentColor;background-color:var(--dark-gray);border:.3rem outset var(--light-gray);width:100%;padding:.5rem 0;text-decoration:none;display:inline-block}.nav-list.theme-dark .nav-link:hover{border-style:inset}.nav-list.theme-dark .nav-link:active{background-color:oklch(from var(--dark-gray) calc(l - .05) c h)}.nav-list.theme-light{text-align:center;gap:2rem;margin-top:0;margin-bottom:0;padding:1rem;display:flex}.nav-list.theme-light .nav-link{color:currentColor;flex:1;text-decoration:none;transition:all .3s}.nav-list.theme-light .nav-link:hover{color:var(--dark-gray)}.nav-list.theme-light .nav-link:active{color:oklch(from var(--dark-gray) calc(l - .1) c h)}.nav-list.theme-light .nav-link .nav-link{width:100%;padding:1em 0}@media (width<=1024px){.nav-list.theme-dark{gap:var(--grid-gap);text-align:center;margin-top:0;margin-bottom:0;display:flex}.nav-list.theme-dark .nav-item{flex:1}.nav-list.theme-dark .nav-item .nav-link{width:100%;padding:1em 0}}@media (width>=1025px){#aside-right{flex-direction:column;align-items:center;gap:.5rem;display:flex}#aside-right>img{width:var(--buttons-88-31-width)}}main section{padding:var(--main-section-padding);margin:var(--grid-areas-padding) 0}#aside-top{overflow:hidden}#aside-top.theme-light{background-color:var(--white);box-shadow:.5rem .5rem 1rem var(--dark-gray);border-radius:1rem}#page-not-found-block{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#page-not-found-block #page-not-found-sentence{font-size:1.4em;font-weight:700}main:has(>#welcome){justify-content:center;align-items:center;display:flex}#welcome{flex-wrap:wrap;grid-area:welcome;justify-content:center;gap:0 3rem;display:flex}#welcome>img{aspect-ratio:1;width:min(193px,100%);height:auto}#welcome>p{text-align:center;text-wrap:balance;align-items:center;max-width:20rem;display:flex}.cv-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.cv-list>li>.title{margin:0}.cv-list>li>.details{font-size:var(--font-size-small)}.cv-list>li>.details.theme-dark{color:#ccc}.cv-list>li>.details.theme-light{color:#888}.projects-grid{justify-content:center;gap:var(--main-section-padding);display:grid}@media (width>=501px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}@media (width<=500px){.projects-grid{grid-template-columns:1fr}}.project-card{overflow:hidden}.project-card img{aspect-ratio:16/9;width:100%;height:auto}.project-card .caption{padding:0 1rem}.project-card .caption .title{text-align:center;margin-top:1rem}.project-card .caption .description{font-size:var(--font-size-small)}.project-card.theme-dark{border:1px dotted}.project-card.theme-light{border:1px solid var(--dark-gray);box-shadow:.2rem .2rem 1rem var(--dark-gray);border-radius:1.3rem}#technical-skills-grid{grid-template-columns:repeat(auto-fit,min(100%,4rem + 1dvw));justify-content:center;gap:1rem;display:grid}.skill-card{text-align:center}.skill-card img{max-width:100%;height:clamp(2rem,2rem + 1dvw,2.5rem);margin-bottom:.5rem}.skill-card .caption{font-size:var(--font-size-small);line-height:1}#base-page{width:min(90%,85rem);min-height:100dvh;margin:auto;padding:clamp(1rem,2dvw + .2rem,3rem) 0}#base-page.theme-dark{color:#fff;font-family:Courier New,Courier,monospace}#base-page.theme-light{color:#000;font-family:Avantgarde,TeX Gyre Adventor,URW Gothic L,sans-serif}#base-page:before{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}#base-page.theme-dark:before{background:url(/decoration/stars4.gif)}#base-page.theme-light:before{background:#eee}#theme-switch-container{justify-content:flex-end;height:1.5rem;margin-bottom:.5rem;display:flex;position:relative}#theme-switch-button{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(1rem,5dvw + .3rem,1.5rem);transition:all .3s}#theme-switch-button:hover{font-size:2em}#theme-switch-button>input{display:none}#theme-switch-button.theme-light{text-shadow:.2rem .2rem .5rem var(--dark-gray)}