#home{grid-template:"intro.""picture information"1fr/1fr 1fr;column-gap:10px;margin:auto 20%;display:grid}#home>#intro-header{text-wrap:nowrap;align-items:right;text-align:justify;text-align-last:justify;grid-area:intro;font-size:50px}#home>#information-section{grid-area:information;width:auto;max-width:100%;height:100%;max-height:100%}#home>#information-section p{text-wrap:wrap;margin:0;font-size:1.2rem;line-height:clamp(1.4,1.2 + 1vw,1.8)}#home>#home-picture{object-fit:cover;border-radius:10%;grid-area:picture;width:100%;max-width:100%;height:auto}#about{width:100%;max-width:100%;height:100%;max-height:100%}#about #basic-information{margin-bottom:2%}#about #basic-information h1{margin:0}#about #contact-and-resume{margin-bottom:2%}#about #contact-and-resume h2{margin:0}#about #education{margin-bottom:2%}#about #education h2{margin:0}#about #experience{margin-bottom:2%}#about #experience h2{margin:0}#about #skills{margin-bottom:2%}#about #skills h2{margin:0}#about #skills table{border-collapse:collapse;border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}#about #skills table thead th{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);padding-left:10px;padding-right:10px;font-size:large}#about #skills table tbody tr td{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);justify-content:left;padding-left:10px;padding-right:10px;font-size:medium}a{text-decoration:none}#projects{width:100%}#projects h1{margin:0}#projects .header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}#projects #project-containers{--border-colors:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin:0;padding:0;list-style-type:none;display:grid}#projects #project-containers .project-preview-container{width:1fr;aspect-ratio:16/9;position:relative}#projects #project-containers .project-preview-container .project-preview{aspect-ratio:16/9;border:var(--border-colors);background-color:var(--lightningcss-light,#d3d3d3)var(--lightningcss-dark,#313131);border-style:solid;border-width:1px;border-radius:15px;grid-template-rows:1fr auto auto;width:100%;height:100%;display:grid;overflow:visible}#projects #project-containers .project-preview-container .project-preview:hover{z-index:1;grid-template-rows:1fr auto auto;height:fit-content;position:absolute}#projects #project-containers .project-preview-container .project-preview:hover .project-info,#projects #project-containers .project-preview-container .project-preview:hover .project-description{display:flex}#projects #project-containers .project-preview-container .project-preview:hover .project-image{height:fit-content;overflow:clip}#projects #project-containers .project-preview-container .project-name{text-align:center;color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-top-color:var(--border-colors);border-top-style:solid;border-top-width:1px;width:100%;font-size:xx-large;font-weight:700}#projects #project-containers .project-preview-container .project-image{object-fit:cover;object-position:top;border-radius:15px 15px 0 0;width:100%;height:100%;overflow:hidden}#projects #project-containers .project-preview-container .project-info{flex-direction:column;gap:2px;margin:10px;display:none}#projects #project-containers .project-preview-container .project-info .project-info-bubble{--bubble-padding:4px;--bubble-margin:4px;width:fit-content;padding-left:var(--bubble-padding);padding-right:var(--bubble-padding);margin-right:var(--bubble-margin);border-radius:5px;text-decoration:none}#projects #project-containers .project-preview-container .project-info .project-info-bubble.language{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#fdfa72)var(--lightningcss-dark,#00008b)}#projects #project-containers .project-preview-container .project-info .project-info-bubble.library{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#f599c6)var(--lightningcss-dark,#00008b)}#projects #project-containers .project-preview-container .project-info .project-info-bubble.framework{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#7dccad)var(--lightningcss-dark,#00008b)}#projects #project-containers .project-preview-container .project-info .project-info-bubble.technology{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);background-color:var(--lightningcss-light,#add8e6)var(--lightningcss-dark,#00008b)}#projects #project-containers .project-preview-container .project-description{color:var(--font-color);margin:0 10px 10px;display:none}#projects #project-containers .project-preview-container.hidden{display:none}#projects #project-containers li:has(.hidden){display:none}:is(#projects #project-containers>:nth-child(3n+1):nth-last-child(-n+3),#projects #project-containers>:nth-child(3n+1):nth-last-child(-n+3)~*) .project-preview:hover{bottom:-2px}#projects #project-filters{grid-area:search;width:calc(33.3333% - 10px)}#projects #project-filters .group-label{justify-content:space-between;align-items:center;display:flex}#project{width:100%}#project .header{justify-content:space-between;margin-bottom:2%;display:flex}#project .header h1{margin:0}#project .project-images{height:20vh;margin-bottom:2%}#project .project-information{flex-direction:column;gap:2px;display:flex;position:relative}#project .project-information .project-links{flex-direction:row;width:fit-content;max-width:2vw;display:block;position:absolute;top:0;right:0;transform:translateY(-2vh)}#project .project-description,#project .project-details{margin-top:10px;font-size:large}#project .project-knowledge{margin-top:10px;font-size:large}#project .project-knowledge table{border-collapse:collapse;border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}#project .project-knowledge table thead th{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-size:large}#project .project-knowledge table tbody tr td{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);justify-content:left;padding-left:10px;padding-right:10px;font-size:medium}#project-not-found{margin:auto}#project-not-found>*{text-align:center}#navbar{background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#fff3);grid-template-columns:1fr auto auto;grid-template-areas:"name navlinks toggles";justify-content:space-between;gap:40px;padding:10px;display:grid}#navbar #name{grid-area:"name";justify-content:left;align-items:center;font-size:50px;font-weight:700;display:flex}#navbar #navlinks{grid-area:"navlinks";flex-direction:row;gap:40px;width:fit-content;height:fit-content;margin:0;padding:0;list-style-type:none;display:flex}#navbar #navlinks .navlink{-webkit-user-select:none;user-select:none;color:light-dark();font-size:50px;text-decoration:none}#navbar #navlinks .navlink.active{color:light-dark();text-decoration:underline}#navbar #navtoggles{flex-direction:row;justify-content:right;place-self:center right;align-items:center;gap:10px;width:fit-content;height:fit-content;display:flex}#navbar #navtoggles #dark-mode-toggle{aspect-ratio:1;color:var(--lightningcss-light,#daa520)var(--lightningcss-dark,#faebd7);background-color:var(--lightningcss-light,#87ceeb)var(--lightningcss-dark,#000);border:1px solid gray;border-radius:50%;justify-content:center;align-items:center;height:50px;font-size:30px;display:flex}#navbar #navtoggles #dark-mode-toggle>*{margin-bottom:4px}#not-found{margin:auto}.image-gallery{grid-template-columns:auto 1fr auto;grid-template-areas:"la gallery ra";width:100%;max-width:100%;height:100%;max-height:100%;display:grid}.image-gallery .gallery-container{background-color:var(--lightningcss-light,#d3d3d3)var(--lightningcss-dark,gray);border:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-width:2px 0;flex-direction:row;grid-area:gallery;gap:10px;width:100%;max-width:100%;height:100%;max-height:100%;padding:10px;display:flex;overflow:hidden}.image-gallery .gallery-container .gallery-image-container{cursor:pointer;flex-shrink:0;width:auto;max-width:100%;height:100%;max-height:100%}.image-gallery .gallery-container .gallery-image-container .image{object-fit:cover;place-self:center;width:auto;max-width:100%;height:100%;max-height:100%}.image-gallery .arrow{border-style:solid;border-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);width:1vw}.image-gallery .arrow.left{border-radius:20px 0 0 20px;grid-area:la}.image-gallery .arrow.right{border-radius:0 20px 20px 0;grid-area:ra}.image-gallery .arrow p{font-size:.8vw;font-weight:700;transform:scaleY(2)}.image-gallery-popup{z-index:1;background-color:#00000080;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:10vh 10vw;position:fixed;inset:0}.image-gallery-popup .popup-container{grid-template:"la image ra"1fr"la thumbnails ra"/auto 1fr auto;width:100%;max-width:100%;height:100%;max-height:100%;display:grid;position:relative}.image-gallery-popup .popup-container .popup-image-container{background-color:var(--lightningcss-light,#d3d3d3)var(--lightningcss-dark,gray);border-style:solid;border-width:2px 0 0;grid-area:image;place-content:center;place-items:center;width:100%;max-width:100%;height:100%;max-height:100%;padding:10px;display:flex;position:absolute}.image-gallery-popup .popup-container .popup-image-container .image{object-fit:cover;width:auto;max-width:100%;height:100%;max-height:100%}.image-gallery-popup .popup-container .thumbnails{--open-animation-speed:.2s;width:100%;max-width:100%;height:15vh;max-height:15vh;transition:height var(--open-animation-speed) ease-in-out;background-color:var(--lightningcss-light,gray)var(--lightningcss-dark,#313131);border:2px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-width:2px 0;grid-area:thumbnails;grid-template-rows:100%;grid-template-columns:1fr auto 1fr;grid-auto-flow:column;column-gap:10px;padding:10px;display:grid;position:relative;overflow:hidden}.image-gallery-popup .popup-container .thumbnails:after{content:"☰";visibility:hidden;place-self:center;position:absolute}.image-gallery-popup .popup-container .thumbnails:not(:hover){height:4vh;min-height:4vh}.image-gallery-popup .popup-container .thumbnails:not(:hover):after{transition:visibility ease-in-out;transition-delay:var(--open-animation-speed);visibility:visible;font-size:4vh}.image-gallery-popup .popup-container .thumbnails:not(:hover)>*{transition:visibility var(--open-animation-speed) ease-in-out;visibility:hidden}.image-gallery-popup .popup-container .thumbnails .thumbnail-containers-container{flex-direction:row;gap:10px;width:auto;max-width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.image-gallery-popup .popup-container .thumbnails .thumbnail-containers-container.left{justify-content:right}.image-gallery-popup .popup-container .thumbnails .thumbnail-containers-container.right{justify-content:left}.image-gallery-popup .popup-container .thumbnails .thumbnail-containers-container.center{outline-offset:4px;outline:2px solid #0ff;justify-content:center;place-self:center}.image-gallery-popup .popup-container .thumbnails .thumbnail-image-container{cursor:pointer;flex-shrink:0;width:auto;max-width:100%;height:100%;max-height:100%}.image-gallery-popup .popup-container .thumbnails .thumbnail-image-container .image{object-fit:cover;place-self:center;width:auto;max-width:100%;height:100%;max-height:100%}.image-gallery-popup .popup-container .arrow{border-style:solid;border-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);width:1.5vw}.image-gallery-popup .popup-container .arrow.left{border-radius:20px 0 0 20px;grid-area:la}.image-gallery-popup .popup-container .arrow.right{border-radius:0 20px 20px 0;grid-area:ra}.image-gallery-popup .popup-container .arrow p{font-size:1.5vw;font-weight:700;transform:scaleY(2)}.external-link{width:fit-content;max-width:100%;height:fit-content;max-height:100%}.link-image{object-fit:cover;width:100%;max-width:100%;height:auto;max-height:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .darkmode{display:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .lightmode{display:none}:root{--bg-color:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#1b1b1b);--accent-color:gray;--font-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--font-highlight:light-dark();--button-color:light-dark();--button-pressed-color:light-dark();color:var(--font-color);background-color:var(--bg-color);font-family:Garamond,Georgia}html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}.layout{width:100%;height:100%;display:grid}.layout.main{--horizontal-padding:10%;--vertical-padding:2%;grid-template-rows:auto 1fr auto}.layout.main main{padding-left:var(--horizontal-padding);padding-right:var(--horizontal-padding);padding-top:var(--vertical-padding);padding-bottom:var(--vertical-padding);display:flex}