:root{--white: #f5f4f2;--cream: #fefcfe;--brown: #45413a;--grey-lightest: #d8dbca;--grey-light: #a3a3a3;--grey: #494949;--grey-dark: #323232;--grey-darkest: #1d1d1d;--black: #040404;--button-disabled: #837f7e;--button-disabled-dark: #736f6e;--cactus-lightest: #d0d9c0;--cactus-light: #b4c299;--cactus: #a2b381;--cactus-dark: #515e39;--success: #abc9a3;--error: #f1a1a0}:root{--color-react: #00d8ff;--color-typescript: #2966a8;--color-python: #ffde57;--color-node: #6cc24a;--color-azure: #00a1f1;--color-django: #0b3626;--color-php: #8892be;--color-laravel: #f55247;--color-postgresql: #336791;--color-sql: #f29111;--color-docker: #0db7ed;--color-css: #2b6bc0;--color-html: #e34f26;--color-material: #409aff}:root{--background-color: var(--cream);--text-color: var(--black);--primary-color: var(--cactus-dark);--navbar-background: var(--background-color);--navbar-focus: var(--cactus);--navbar-shadow: var(--cactus-lightest);--card-color: var(--grey-lightest);--card-subheader: var(--brown);--card-sidetext: var(--brown);--subcard-color: var(--cactus);--subcard-icon-color: var(--cactus-light);--form-background-color: var(--white);--form-focus-color: var(--cactus);--footer-background: var(--grey-lightest);--icon-focus: var(--cactus-dark);--button-disabled: var(--grey-light);--button-color: var(--cactus-dark);--button-shadow: var(--cactus-light);--button-focus: var(--cactus);--button-text-color: var(--black);--background-image: url(/data/cute-background.png);--title-background: var(--grey-dark)}[data-theme=dark]{--background-color: var(--black);--text-color: var(--white);--primary-color: var(--cactus);--navbar-background: var(--background-color);--navbar-focus: var(--cactus-dark);--navbar-shadow: var(--cactus);--card-color: var(--grey-darkest);--card-subheader: var(--grey-light);--card-sidetext: var(--white);--subcard-color: var(--grey-dark);--subcard-icon-color: var(--cactus-dark);--form-background-color: var(--white);--form-focus-color: var(--primary-color);--footer-background: var(--grey-darkest);--icon-focus: var(--cactus);--button-color: var(--cactus-dark);--button-shadow: var(--cactus);--button-focus: var(--cactus-light);--button-text-color: var(--white);--background-image: url(/data/cute-background-dark.png);--title-background: var(--cactus-light)}:root{--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-sm: .75rem;--spacing-m: 1rem;--spacing-ml: 1.5rem;--spacing-l: 2rem;--spacing-xl: 3rem;--viewheight: calc(100dvh - var(--spacing-xl));--viewwidth: calc(100dvw - 2 * var(--spacing-l));--max-content-width: 800px;--font: "Inter", "Roboto", sans-serif}:root{font-family:var(--font)}textarea,input{font-family:var(--font);font-size:var(--spacing-m)!important}body{margin:0;height:calc(100dvh - var(--spacing-xl));background-color:var(--background-color);background-image:var(--background-image);background-size:cover;background-blend-mode:luminosity}h1{color:var(--primary-color);text-transform:uppercase}h2{text-transform:lowercase;opacity:.8}a,p,h2,h3,h4,h5,h6,label,span{color:var(--text-color)!important}svg{fill:var(--button-color)}a:focus svg,a:hover svg,button:focus svg,button:hover svg{fill:var(--icon-focus)}main{min-height:var(--viewheight);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}main>div{padding:var(--spacing-xl) var(--spacing-m);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color);position:relative}main>div>div{width:100%;margin-top:var(--spacing-s);position:relative;z-index:2}@media (min-width: 801px){main>div{margin-top:var(--spacing-xl);width:calc(var(--max-content-width) - 2 * var(--spacing-l))}}.infoContainer{display:flex;flex-direction:column;align-items:center}.name{margin-bottom:0;font-size:var(--spacing-l)}.titleContainer{display:flex;flex-direction:column;align-items:center;width:80%;background-color:var(--title-background);cursor:pointer}.shortIntro{font-family:Source Code Pro,monospace;color:var(--background-color)!important;transition:opacity .3s ease-in-out;margin:var(--spacing-xs)}.introOuterContainer{padding:var(--spacing-m) var(--spacing-l) var(--spacing-m) 0!important}.introContainer{display:flex;align-items:center}.introContainer>svg{flex:1}.introContainer>p{flex:5}.pageLink{color:var(--background-color)!important;background-color:var(--navbar-focus);border-radius:1rem;font-size:var(--spacing-m);font-weight:600;flex:1 1;border:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);padding:1rem;text-decoration:none}.pageLink:hover,.pageLink:focus{background-color:var(--primary-color)}.pageLink svg{fill:var(--background-color)}.highlight.inlineLink{text-decoration:none}@media (max-width: 600px){.shortIntro{font-size:var(--spacing-m)}}@media (min-width: 601px){.name{font-size:var(--spacing-xl)}.titleContainer{width:50%}.innerInfoContainer{display:flex;gap:var(--spacing-m)}.introOuterContainer{margin-top:var(--spacing-l)}.introContainer>p{flex:6}}.projectCard{display:flex;flex-direction:column;gap:var(--spacing-s);padding:var(--spacing-m) 1.2rem;background-color:var(--card-color)}.projectCard ul,.projectCard li{list-style:none;margin:0;padding:0}.projectYear{flex:1;color:var(--card-sidetext)}.projectYear li{margin-bottom:var(--spacing-xs)}.projectDetails{flex:4}.projectDetails h3,.projectDetails h4{margin:0}.projectDetails h4{color:var(--card-subheader)!important}.projectHeader{text-decoration:none;display:inline-block}.projectHeader:hover,.projectHeader:focus{text-decoration:underline}.projectNameHeader{display:flex;align-items:center;gap:var(--spacing-s)}.projectCompany{display:flex;align-items:center;gap:var(--spacing-s);color:var(--card-subheader);margin-top:var(--spacing-s)}.projectTagList{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}@media (min-width: 501px){.projectCard{flex-direction:row}.projectDetails{margin-right:var(--spacing-m)}}.loadingSpinner{display:flex;align-items:center;gap:1rem}.loadingSpinner svg{color:var(--primary-color)}.projectCardList{display:flex;flex-direction:column;gap:var(--spacing-m);margin:0;padding:0;list-style:none;margin-bottom:var(--spacing-l)}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}.resumeFileContainer>canvas,.resumeFileContainer>div{width:100%!important;height:auto!important}.resumeOuterButtonContainer{display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-s);margin:var(--spacing-l) 0}.resumeButtonContainer{display:flex;flex-direction:row;gap:var(--spacing-m)}.resumeButton{display:flex;justify-content:center;align-items:center;gap:var(--spacing-s)}@media (max-width: 700px){.resumeOuterButtonContainer{flex-direction:column;width:100%;gap:var(--spacing-m)}}@media (min-width: 701px){.resumeButton{min-width:150px}.lightCvButton{max-width:300px}}.contactForm{display:flex;flex:2;flex-direction:column;width:100%;gap:var(--spacing-m)}.contactFormField{display:flex;flex-direction:column;gap:var(--spacing-s)}.contactFormInput{background-color:var(--form-background-color);border:none;padding:var(--spacing-m);font-size:medium;z-index:1}.contactFormInput:focus,.contactFormInput:hover{outline:2px solid var(--form-focus-color)}.contactFormField textarea{min-height:8rem}.submitButton{margin-top:var(--spacing-m)}.submitButton:disabled,.submitButton:disabled:hover,.submitButton:disabled:focus{border:1px solid var(--button-disabled)!important;color:var(--text-color)!important}.submitButton:disabled:before,.submitButton:disabled:hover:before,.submitButton:disabled:focus:before{background-color:var(--button-disabled)}.button{background-color:transparent;border:1px solid var(--button-color);color:var(--button-text-color)!important;font-size:medium;position:relative;height:var(--spacing-xl);text-decoration:none;width:100%}.button svg{fill:var(--button-text-color)!important}.button:hover,.button:focus{background-color:transparent;outline:1px solid var(--button-focus);cursor:pointer}.button:before{background-color:var(--button-shadow);content:"";height:calc(100% + 3px);position:absolute;right:-7px;top:-9px;width:100%;opacity:.4}.button:focus:before,.button:hover:before{background-color:var(--button-focus)}.alertMessage{border-radius:0!important;margin-top:var(--spacing-s);font-family:var(--font)!important;z-index:1}.alertMessage.success{background-color:var(--success)}.alertMessage.error{background-color:var(--error)}.alertMessage div:first-child{align-self:center}@media (max-width: 500px){.contactFormField textarea{min-height:5rem}}@media (min-width: 501px){.submitButton{width:40%}.contactForm{width:75%}}.contactContent{display:flex;flex-direction:column}.inlineLink{color:var(--primary-color)!important}.card{background-color:var(--card-color);padding:var(--spacing-m);position:relative;z-index:2}.contactLinkContainer{display:none}.contactLink{display:flex;gap:var(--spacing-m);padding-right:var(--spacing-m);font-size:large;align-items:center;color:var(--primary-color)!important;text-decoration:none}.contactLink svg{color:var(--navbar-focus)}.contactLink:focus,.contactLink:hover,.inlineLink:focus,.inlineLink:hover{text-decoration:underline;cursor:pointer;color:var(--title-background)!important}@media (min-height: 800px){.contactContainer{margin-top:5dvh}}@media (min-width: 601px){.contactContent{flex-direction:row}.contactLinkContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-l);margin-top:var(--spacing-xl);gap:var(--spacing-l);flex:1}.contactLinkContainer :first-child svg{margin-left:.65rem}}#heart{height:32px;width:32px;position:relative}#heart:before,#heart:after{position:absolute;content:"";width:55%;height:90%;background:#ff9eac;border-radius:50px 50px 0 0;transform:rotate(-45deg);transform-origin:50% 30%}#heart:after{transform:rotate(45deg);transform-origin:95% 100%}#smiley{position:relative;height:32px;width:32px;border-radius:50%;background-color:#f8ef71}#eyes:before,#eyes:after{content:"";position:absolute;width:15%;height:15%;background-color:#391619;border-radius:50%;top:30%;left:25%}#eyes:after{left:60%;right:25%}#mouth{position:relative;background-color:#391619;width:60%;height:30%;border-radius:0 0 50px 50px;top:60%;left:20%}#teeth{position:relative;width:90%;height:40%;background-color:#fff;border-radius:0 0 40px 40px;top:10%;left:5%}#peace{width:32px;height:32px}#circle{width:100%;height:100%;border:2px solid var(--primary-color);border-radius:50px;box-sizing:border-box}#line1,#line2,#line3{position:relative;width:7%;background-color:var(--primary-color);height:100%;left:47%}#line2,#line3{width:7%;height:55%;bottom:55%;left:28%;transform:rotate(45deg)}#line3{left:65%;bottom:110%;transform:rotate(-45deg)}.moon{width:32px;height:32px;background-color:transparent;border-radius:50%}.waningMoon{box-shadow:inset 10px 0 #f9f985}.waxingMoon{box-shadow:inset -14px 0 #f9f985}.quarterMoon{width:16px;margin-right:16px;background-color:#f9f985;border-radius:50px 0 0 50px}.fullMoon{background-color:#f9f985}.crater{position:relative;background-color:#f1c194;border-radius:50%}.crater1{width:20%;height:20%;top:55%;left:50%}.crater2{width:10%;height:10%;top:18%;left:18%}.crater3{width:15%;height:15%;top:-9%;left:60%}.cardTitleRowContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-s)}.cardTitleContainer{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-m)}.arrowButton{border:none;background-color:transparent}.arrowButton:hover{cursor:pointer}.cardContentContainer{display:flex;flex-direction:column;gap:var(--spacing-s);margin:var(--spacing-m)}.cardContentContainer h3{margin:var(--spacing-xs)}code{white-space:pre-wrap;color:var(--text-color)}.innerCard{background-color:var(--background-color);padding:var(--spacing-m);border-radius:var(--spacing-s)}.cardTitleContainer h2{margin:var(--spacing-s)}.categoriesContainer{display:flex;flex-direction:column;gap:var(--spacing-m)}.categoriesContainer>div{background-color:var(--subcard-color)}.categoriesContainer svg{fill:var(--subcard-icon-color)}@media (max-width: 600px){.cardTitleContainer{gap:var(--spacing-s)}.cardTitleContainer h2{margin:var(--spacing-xs)}.cardContentContainer{margin-left:0;margin-right:0}.categoriesContainer h2{font-size:1.17em}}.cardContainer{display:flex;flex-direction:column;gap:var(--spacing-m)}.toggleContainer{display:flex;align-items:center;gap:var(--spacing-s)}.toggleButtonContainer{position:relative;height:1.85rem;width:3.3rem}.toggleButton{position:relative;width:100%;height:100%;border-radius:25px;background-color:transparent;border:2px solid var(--button-color)}.toggleButton:focus,.toggleButton:hover{border:2px solid var(--icon-focus)}.toggleButton:focus:before,.toggleButton:hover:before{background-color:var(--icon-focus)}.toggleButton:before{content:"";position:absolute;width:1.4rem;height:1.4rem;left:.1rem;top:.1rem;border-radius:50%;background-color:var(--button-color);transition:all .3s ease}.toggleButton.right:before{transform:translate(100%);background-color:var(--button-color)}.toggleButton.right:focus:before,.toggleButton.right:hover:before{background-color:var(--icon-focus)}.languageButton{background-color:transparent;border:none;color:var(--text-color);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-s);font-size:medium}.languageMenu div{border-radius:0;box-shadow:none}.languageMenu ul{background-color:var(--navbar-background);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;color:var(--text-color)}.languageOption{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:var(--spacing-s) var(--spacing-m)!important;width:120px;font-size:medium}.menu{display:flex;flex-direction:column;position:fixed;top:calc(var(--spacing-xl) + 2px);left:0;width:calc(100dvw - 2 * var(--spacing-xs));max-height:calc(100% - var(--spacing-xl) - 2 * var(--spacing-s));padding:var(--spacing-s) var(--spacing-xs);background-color:var(--navbar-background);gap:var(--spacing-xs);overflow-y:auto;overflow-x:hidden}.menuLink{padding:var(--spacing-m);padding-left:var(--spacing-sm);background-color:var(--navbar-background);border:2px solid var(--navbar-background);text-decoration:none}.menuLink.active{background-color:var(--navbar-shadow)}.menuLink:hover,.menuLink:focus{background-color:var(--navbar-focus)}.settingsContainer{margin:0 var(--spacing-s) var(--spacing-s)}.languageContainer{margin:var(--spacing-ml) var(--spacing-s)}.languageContainer>div{width:100%}.languageLabel{display:flex;align-items:center;gap:var(--spacing-s)}.languageLabel>svg{color:var(--card-sidetext);margin-bottom:1px}.languageRadioButtonGroup{margin-left:var(--spacing-s)}.languageRadioButton{margin-top:var(--spacing-s);color:var(--text-color)!important}.languageRadioButton:hover,.languageRadioButton:focus,.themeContainer .toggleContainer:hover,.themeContainer .toggleContainer:focus{background-color:var(--navbar-focus)}.languageRadioButton>span:first-child{color:var(--primary-color)!important}.themeContainer{height:100px}.themeContainer label{margin:var(--spacing-m) var(--spacing-s)}.themeContainer .toggleContainer{margin-top:var(--spacing-m);padding:var(--spacing-s)}hr{background-color:var(--navbar-focus);height:1px;border:none}@media (min-width: 801px){.menu{display:none}}@media (min-width: 501px) and (max-width: 800px){.menu{width:300px;right:0;left:auto}}.navbar{position:fixed;left:0;top:0;right:0;height:var(--spacing-xl);background-color:transparent;display:flex;align-items:center;justify-content:space-between;flex-direction:column;z-index:9999}.navLinks{display:none}.navLinks span{text-transform:lowercase}.navLink{height:calc(var(--spacing-xl) - 2 * var(--spacing-m));padding:var(--spacing-m);display:flex;align-items:center;text-decoration:none;background-color:var(--navbar-background);text-transform:lowercase}.navLink.active{box-shadow:var(--navbar-focus) 0 -5px inset}.navLink:hover,.navLink:focus{box-shadow:var(--navbar-focus) 0 -5px inset,var(--navbar-shadow) 0 5px}.navButtons{display:none;gap:var(--spacing-m)}.menuButton{display:block;position:absolute;right:0;top:0;background-color:transparent!important;border:0;height:100%;width:var(--spacing-xl);text-transform:lowercase}.menuButton svg{margin-top:var(--spacing-xs);height:1.5rem;width:1.5rem}.menu-open{overflow:hidden}.menu-open main,.menu-open footer{filter:brightness(80%) sepia(10%);background-color:var(--background-color)}@media (min-width: 751px){.navbar{background-color:var(--navbar-background)}.menuButton{display:none}.navLinks{display:flex;gap:var(--spacing-m)}}.footer{width:100%;height:var(--spacing-xl);display:flex;flex-direction:row;justify-content:center;align-items:flex-end;text-align:center;background-color:var(--footer-background);opacity:.9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative}.footerLinks{display:flex;flex-direction:row;gap:var(--spacing-l);padding:.25rem;position:relative;z-index:2}.profileImage{height:calc(min(var(--viewwidth),var(--viewheight))*.4);max-height:300px;margin-left:1rem;position:absolute;right:1rem;z-index:1}@media (max-width: 700px){.footer{justify-content:flex-start}.footerLinks{margin-left:var(--spacing-l)}}