p{margin:0;font-size:1.2rem}article{--spacing: 1.5rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"content-intro content-intro" "content-languages content-blog" "contact contact" "title-projects title-projects" "content-projects content-projects" "title-education title-education" "content-education content-education";gap:var(--spacing)}section.section-title{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:1rem;margin-inline:calc(var(--spacing) * 2);margin-block:calc(var(--spacing) * 3) calc(var(--spacing) * 2);color:var(--foreground);@media screen and (max-width:768px){flex-direction:column}&.title-projects{grid-area:title-projects}&.title-education{grid-area:title-education}>*{margin:0}>aside{grid-area:aside;margin-inline:1.5rem;font-size:var(--size-3);font-weight:700;@media screen and (max-width:768px){margin-inline:.5rem}}>h3{grid-area:h3;margin:0;margin-inline-end:2rem;font-family:Spagetty;font-size:var(--size-2);font-weight:700}>p{grid-area:intro;margin:0;font-size:var(--size-0)}}section.content-intro{grid-area:content-intro;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;column-gap:var(--spacing);@media screen and (max-width:768px){grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:var(--spacing)}>div.container{--container-color: var(--secondary)}div.weather{font-size:var(--size-0)}}section.container{&.content-languages{--container-color: var(--secondary);grid-area:content-languages;display:flex;align-items:center;justify-content:start;gap:1rem;@media screen and (max-width:768px){flex-direction:column}}&.content-blog{--container-color: var(--blog-container);grid-area:content-blog;a{display:flex;align-items:center;justify-content:start;gap:1rem;text-decoration:none;margin:0;font-size:var(--size-0);@media screen and (max-width:768px){flex-direction:column}svg{width:1.5rem;height:1.5rem}}}&.contact{grid-area:contact;--container-color: var(--primary);>aside{display:flex;flex-direction:row;align-items:end;justify-content:start;margin-block-end:1rem;gap:var(--spacing);h2{margin:0}}>div{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-gap:var(--spacing);@media screen and (max-width:768px){grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}>*{display:flex;flex-direction:column;align-items:center;justify-content:start;text-decoration:none;margin:0;background-color:oklch(from var(--primary) .85 c h / .8);padding:1rem .5rem;border-radius:var(--radius);font-size:var(--size-0);>svg{width:2rem;height:2rem;margin-block-end:.5rem}a{color:inherit;font-size:var(--size--2)}}}}&.content-projects{grid-area:content-projects}}section.container.content-projects{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:var(--spacing);padding-inline:0;background-color:transparent;@media screen and (max-width:768px){grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.project{display:grid;grid-template-areas:"img img" "title title" "tags tags" "description description";grid-template-columns:1fr auto;grid-template-rows:repeat(5,auto);grid-gap:var(--spacing);overflow:hidden;border-radius:var(--radius);--container-color: var(--accent);background-color:var(--container-color);>a{grid-area:title;font-size:var(--size-2);font-weight:700;text-decoration:none;color:inherit}>:not(picture){margin:0 var(--spacing);padding:0}>picture{grid-area:img;width:100%}>ul{grid-area:tags;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:calc(var(--spacing) * .4);margin-top:-1rem;>li{padding:.25rem 1rem;border-radius:100vw;background-color:oklch(from var(--container-color) .45 c h);color:var(--teal-100);font-weight:lighter;font-size:var(--size--2);letter-spacing:.025em}}>p{grid-area:description;text-wrap:balance}}.additional-project{display:grid;place-items:center;font-size:var(--size-0);width:100%;color:var(--foreground);div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * .5);>*{text-align:center;text-wrap:balance}}}}section.content-education{grid-area:content-education;display:flex;flex-direction:column;gap:0;margin-inline:calc(var(--spacing) * 2);padding-block-end:var(--spacing);.education-item{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing) * 1.5);@media screen and (max-width:768px){gap:var(--spacing)}}.education-timeline{display:flex;flex-direction:column;align-items:center;padding-top:.35rem}.education-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--primary);flex-shrink:0}.education-line{width:2px;flex-grow:1;background-color:oklch(from var(--primary) l c h / .4);margin-block:.5rem}.education-content{padding-block-end:calc(var(--spacing) * 2);h4{margin:0;font-size:var(--size-1);font-weight:700;color:var(--foreground)}p{margin:0;margin-block-start:.5rem;font-size:var(--size-0);color:oklch(from var(--foreground) l c h / .8)}}.education-date{display:inline-block;font-size:var(--size--1);font-weight:500;color:var(--primary);margin-block-end:.25rem}.education-notes{margin:0;margin-block-start:.75rem;padding-inline-start:1.25rem;list-style-type:disc;li{font-size:var(--size--1);color:oklch(from var(--foreground) l c h / .7);margin-block:.25rem}}}@layer components{.layout{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"aside h3 intro" ". body body" ". others others";align-items:center;justify-content:start;padding:calc(var(--spacing) * 2) var(--spacing) calc(var(--spacing) * 3);grid-column-gap:var(--spacing);@media screen and (max-width:768px){grid-template-areas:"aside h3" ". intro" ". body" ". others"}>aside{grid-area:aside;margin-inline:1.5rem;font-size:var(--size-3);font-weight:700;@media screen and (max-width:768px){margin-inline:.5rem}}>h3{grid-area:h3;margin:0;margin-inline-end:2rem;font-family:Spagetty;font-size:var(--size-2);font-weight:700}>p{grid-area:intro;margin:0;font-size:var(--size-1)}>div:not([class]){grid-area:body;display:flex;flex-direction:column;gap:var(--spacing)}>div[class]{grid-area:others}}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}button[data-astro-cid-fqer3mgg]#customise-trigger{--container-color: var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:var(--size-0);border:0;cursor:pointer;background:conic-gradient(from var(--angle) at 50% 50%,var(--rose-600),var(--fuchsia-600),var(--rose-600));--angle: 0deg;animation:rotate 1.5s linear infinite;animation-play-state:paused;@media screen and (max-width:768px){flex-direction:row}&[data-astro-cid-fqer3mgg]:hover{animation-play-state:running}}@keyframes rotate{0%{--angle: 0deg}to{--angle: 360deg}}dialog[data-astro-cid-fqer3mgg]#customisation-dialog{position:fixed;top:var(--spacing);right:var(--spacing);bottom:auto;left:auto;width:min(22rem,calc(100vw - 2 * var(--spacing)));max-width:unset;max-height:unset;margin:0;padding:calc(var(--spacing) * 1.5);opacity:1;background:linear-gradient(145deg,oklch(from var(--background) calc(l + .05) c h),var(--background));color:var(--foreground);border:2px solid var(--primary-muted);border-radius:1.5rem;box-shadow:0 8px 32px oklch(from var(--fuchsia-900) l c h / .15),0 2px 8px oklch(from var(--fuchsia-900) l c h / .1);transform:translateY(0) scale(1);transform-origin:top right;transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),display .3s allow-discrete,overlay .3s allow-discrete;&[data-astro-cid-fqer3mgg]:not([open]){opacity:0;transform:translateY(-1rem) scale(.95);pointer-events:none}@starting-style{opacity:0;transform:translateY(-1rem) scale(.95)}&[data-astro-cid-fqer3mgg]::backdrop{background:oklch(from var(--background) l c h / .5);backdrop-filter:blur(4px);transition:background .3s ease,backdrop-filter .3s ease}div{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:calc(var(--spacing) * 1.25);h2{margin:0;font-size:var(--size-2);font-weight:700;text-align:center}p{margin:0;font-size:var(--size--1);font-weight:400;text-align:center;text-wrap:balance;opacity:.8}section{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * .75);margin-top:calc(var(--spacing) * .5);button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 1);border:2px solid var(--primary-muted);border-radius:1rem;background-color:oklch(from var(--background) calc(l + .02) c h);font-size:var(--size-0);font-weight:600;cursor:pointer;color:inherit;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;svg{width:1.75rem;height:1.75rem}&:hover{background-color:oklch(from var(--primary-muted) l c h / .4);border-color:var(--primary);transform:translateY(-2px)}&:active{transform:translateY(0)}:where(html:not([data-theme]),html[data-theme=light]) &#light-button{background-color:var(--primary);border-color:var(--primary)}:where(html[data-theme=dark]) &#dark-button{background-color:var(--primary);border-color:var(--primary)}&:hover svg{animation:wiggle .4s ease;transform:rotate(-5deg)}&#random-button{grid-column:1 / 3;flex-direction:row}}}}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(-5deg)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}