@layer blank-template,general-styles,page-layout;@layer blank-template{html{box-sizing:border-box}html{font-size:clamp(1rem,.75rem + 1.5vw,1.3rem)}body{margin:0}*,*:before,*:after{box-sizing:inherit}img,video,iframe{max-inline-size:100%;block-size:auto}button,input,select,textarea{font-family:inherit;font-size:100%}button,input,select,textarea{box-sizing:border-box;padding:0;margin:0}}@layer general-styles{:root{--color-gradient-blue: #94b3fb;--color-gradient-purple: #5D5FEF;--color-gradient-purple-rgb: 93, 95, 239;--border-radius: 8px}:root:has(#theme-root.light-theme){color-scheme:light;--color: #213547;--background-color: #ffffff;--border-color: #213547;--border-color-rgb: 33, 53, 71;--primary-accent-color: #4E4E9F;--primary-button-color: #213547;--primary-button-background-color: transparent;--primary-button-border-color: var(--border-color);--button-background-slider: 255, 255, 255;--secondary-button-color: red;--secondary-button-background-color: blue;--link-color: #213547;--hover-color: #646cff;--tooltip-background-color: gray;--chatbot-background-color: #ECECEC;--tooltip-color: white;--highlight-color: #ECECEC;--card-background-color: rgb(60, 60, 60);--loading-spinner-color:var(--primary-accent-color);--loading-spinner-background-color: var(--border-color)}:root:has(#theme-root.dark-theme){color-scheme:dark;--color: rgba(255, 255, 255, .87);--background-color: #242424;--border-color: gray;--border-color-rgb: 128, 128, 128;--primary-accent-color: #5D5FEF;--primary-button-color: rgba(255, 255, 255, .87);--primary-button-background-color: transparent;--primary-button-border-color: var(--border-color);--button-background-slider: 36, 36, 36;--secondary-button-color: red;--secondary-button-background-color: blue;--link-color: rgba(255, 255, 255, .87);--hover-color: #535bf2;--tooltip-background-color: darkgray;--chatbot-background-color: darkgray;--tooltip-color: rgba(255, 255, 255, .87);--highlight-color: rgb(110, 110, 110);--card-background-color: rgb(60, 60, 60);--loading-spinner-color:var(--primary-accent-color);--loading-spinner-background-color: var(--border-color)}:root:has(#theme-root.dark-theme) img{filter:brightness(.8) contrast(1.2)}:root:has(#theme-root.dark-theme) svg{stroke:var(--ink-color);fill:var(--page-color)}:root{--toastify-color-light: var(--background-color) !important;--toastify-text-color-light: var(--color) !important;--toastify-color-dark: var(--background-color) !important;--toastify-text-color-dark: var(--color) !important}svg{fill:currentColor}:root{--button-padding: .6em 1.2em}@media (min-width: 800px){:root{--button-padding: .4em 1em}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:var(--color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--hover-color)}button,.btn,.button{display:block;border-radius:var(--border-radius);color:var(--primary-button-color);border:2px solid var(--border-color);padding:var(--button-padding);font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-button-background-color);cursor:pointer;transition:border-color .25s}button:hover,.btn:hover,.button:hover{border-color:var(--hover-color);color:var(--hover-color)}.link-button-container a,.link-button-container button{display:inline-block}@media (max-width: 799px){h1,h2,h3{text-align:center}.link-button-container{display:flex;justify-content:center}}.highlight{background-color:var(--highlight-color)}}@layer page-layout{html{width:100%}:root{position:absolute}#layout-root>footer{display:flex;justify-content:center}#layout-root>footer>#socials-container{display:flex;gap:.4rem}@media (max-width: 799px){#layout-root{display:flex;flex-direction:column;min-height:100vh}#layout-root>main{flex:1}#toggle-theme-container{position:absolute;top:0;right:0}}@media (min-width: 800px){#toggle-theme-container{position:static;top:auto;right:auto}#layout-root{min-height:100vh;display:grid;grid-template-rows:[header-start] auto [header-end main-start] 1fr [main-end footer-start] auto [footer-end];grid-template-columns:[header-start main-start footer-start sidebar-start] minmax(150px,25%) [sidebar-end] 1fr [header-end main-end footer-end]}#layout-root>header{display:grid;grid-template-columns:1.5fr 9fr 1.5fr;place-items:center;grid-area:header;padding:1rem .5rem}#layout-root>header #logo-container{justify-self:left}#layout-root>header #toggle-theme-container{justify-self:right}#layout-root>header>nav ul{display:flex;list-style:none;margin:0;padding-left:0;gap:.5rem;justify-content:center}#layout-root>header{position:sticky;top:0;z-index:100;background-color:var(--background-color)}#layout-root>main{grid-area:main}#layout-root>footer{grid-area:footer}#layout-root:has(*.non-scrollable-window){max-height:100vh;grid-template-rows:[header-start] auto [header-end main-start] minmax(0,1fr) [main-end footer-start] auto [footer-end]}}}@layer component-layout{@media (min-width: 800px){.text-image-side-by-side{display:flex;justify-content:center}.hero{min-height:calc(100vh - var(--header-height))}}.section{margin-top:3.5rem}.last-before-footer{margin-bottom:1rem}@media (max-width: 799px){.hidden-on-mobile{display:none}.center-on-mobile{text-align:center}}@media (min-width: 800px){.section,.hero{margin-left:3rem;margin-right:3rem}.section{margin-top:5rem}.last-before-footer{margin-bottom:3rem}.card{border:1px solid rgba(var(--border-color-rgb),.7);border-radius:.4rem;padding:.8rem;box-shadow:5px 2px 12px rgba(var(--border-color-rgb),.7)}.card-light{border:1px solid rgba(var(--border-color-rgb),.3);border-radius:.4rem;padding:.8rem;box-shadow:2px 2px 10px rgba(var(--border-color-rgb),.2)}}@media (min-width: 1200px){.section,.hero{margin-left:9rem;margin-right:9rem}.section{margin-top:10rem}}}.fadeInLeft{--x: -.75rem;opacity:0;transform:translate(var(--x))}.fadeInRight{--x: .75rem;opacity:0;transform:translate(var(--x))}.animate-fadein{animation:fadeInSides ease-out .75s forwards 0s}.no-list-style{list-style:none;margin:0;padding-left:0}@keyframes fadeInSides{0%{opacity:0;transform:translate(var(--x))}to{opacity:1;transform:translate(0)}}#backToTop-container{display:none;position:fixed;bottom:1rem;right:1rem;z-index:99;cursor:pointer}#backToTop-container.visible{display:block}#backToTop-container button{background-color:var(--background-color)}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#chatbot-container{background-color:var(--chatbot-background-color);border-radius:var(--border-radius)}#socials-container.highlight{animation-name:highlight;animation-duration:1.4s;animation-iteration-count:2;animation-delay:.1s;animation-timing-function:ease-in-out;animation-direction:normal;border-radius:.1rem}@keyframes highlight{0%{background-color:var(--background-color)}50%{background-color:var(--highlight-color)}to{background-color:var(--background-color)}}#contact-form input,#contact-form label,#contact-form textarea{display:block;width:100%}#contact-form input:user-invalid{border:2px solid red}#contact-form .describedby-form-control{display:none}#contact-form .form-control-group:not(:last-child){margin-bottom:.5rem}#contact-form .form-control-group:has(input:user-invalid) .describedby-form-control{display:block}@media (min-width: 800px){#contact-container{display:flex}#contact-container #contact-form-container form{display:flex;flex-direction:column}}.loading-spinner{animation-name:spin;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.445,.05,.55,.95)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-container{display:flex;align-items:center}.carousel .img-carousel-container{display:flex;flex-wrap:nowrap;overflow-x:hidden;cursor:grab;-webkit-user-select:text;user-select:text;gap:.5rem}.carousel .img-carousel-container>.img-container{border-right:1px solid rgba(var(--border-color-rgb),.7);flex-shrink:0;width:80%;display:flex;place-items:center;flex-direction:column;justify-content:center}.carousel .img-carousel-container>.img-container>*{display:flex;flex-direction:column;justify-content:center}.carousel .img-carousel-container>.img-container>.overlay{padding:.2rem}.carousel .img-carousel-container img{filter:none;width:100%}.carousel .carousel-navigation-bar{display:flex;place-content:center;gap:.4rem;padding-top:.2rem}.carousel .btn:hover,.carousel button:hover,.carousel .button:hover{background-color:rgba(var(--button-background-slider),.85)}@media (max-width: 799px){.carousel .img-container{max-width:100vw}.carousel .img-container img{width:100%}.carousel .carousel-navigation-bar{display:none}}@media (min-width: 800px) and (pointer: fine){.carousel .img-carousel-container{gap:0}.carousel .img-container{position:relative}.carousel .img-container .overlay{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);opacity:0;z-index:-1;margin:0;padding:0}.carousel .img-container .overlay p{text-align:center;margin-top:0}.carousel .img-container:hover .overlay{transition:.5s ease-in;transition-property:opacity z-index;opacity:1;z-index:2}.carousel .img-container:hover img{transition:.2s ease-in;transition-property:opacity;opacity:.6}.carousel .img-container img:hover{z-index:1}}@media (min-width: 1200px){.carousel .img-container .overlay{width:60%}}@media (any-pointer: coarse){.carousel .img-carousel-container{overflow-x:scroll}.carousel .carousel-navigation-bar{display:none}}#homepage-hero{display:flex;flex-direction:column}@media (min-width: 800px){.carousel-container{flex:1}}#skills-container{width:100%}#skills-container .skill-stack-container{padding:.7rem 0;flex:1}@media (min-width: 800px){.subskills-container{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));padding:.5rem;gap:.2rem}}@media (min-width: 1200px){.subskills-container{grid-template-columns:repeat(4,minmax(150px,1fr))}}.subskills-container .skillbar-container:not(:first-of-type){margin:.4rem 0}.skillbar-container{position:relative}.rating-box-backdrop-container{position:absolute;top:0;left:0}.rating-box-container{z-index:10}.rating-box-container>*{z-index:inherit}.rating-box,.rating-box-backdrop{--width: calc(var(--rating) * 1rem);--padding-rating: .5rem;position:relative}.rating{position:absolute;top:0;left:0}.rating-box:before,.rating-box:after,.rating-box-backdrop:before{content:"";display:inline-block;border-radius:.2rem;height:.4lh}.rating-box:before{background:linear-gradient(30deg,var(--color-gradient-blue),rgba(var(--color-gradient-purple-rgb),.5));top:0;left:0;width:var(--width)}.rating-box-backdrop:before{background:rgba(var(--border-color-rgb, .7));opacity:.35;width:var(--width)}.rating-box:after{background:linear-gradient(30deg,var(--color-gradient-blue),var(--color-gradient-purple));position:absolute;left:0;top:40%;width:0}.animate-skillbars .rating-box:after{animation:growbar 3s forwards}.animate-skillbars .rating{animation:fadeFromLeft 3s forwards}@keyframes growbar{0%{width:0}to{width:var(--width)}}@keyframes fadeFromLeft{0%{transform:0}to{transform:translate(calc(1 * var(--width)))}}#project-explorer-container .btn,#project-explorer-container button,#project-explorer-container .button{border-radius:8px;border:none;padding:.3em .6em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-button-background-color);background-color:transparent;cursor:pointer;transition:border-color .25s}#project-explorer-container #toolbar-container #toolbarNav{display:flex}#project-explorer-container #toolbar-container #toolbarNav #toolbar-directory{flex:1}#project-explorer-container #toolbar-container #toolbarOptionsContainer{display:flex}#project-explorer-container #toolbar-container #project-search,#project-explorer-container #sidenavbar-container{display:none}@media (min-width: 800px){#project-explorer-container{display:grid;height:100%;grid-template-rows:[toolbar-start toolbar-nav-start] auto [toolbar-options-start toolbar-nav-end] auto [toolbar-options-end toolbar-end toolbar-nav-end display-start sidebar-start] 1fr [display-end sidebar-end];grid-template-columns:[header-start sidebar-start toolbar-start toolbar-options-start toolbar-nav-start] minmax(150px,25%) [sidebar-end display-start] 1fr [header-end display-end footer-end toolbar-end toolbar-options-end toolbar-nav-start]}#project-explorer-container #toolbar-container{grid-area:toolbar;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:.5rem}#project-explorer-container #toolbar-container #toolbarOptionsContainer{grid-area:toolbar-options;display:flex;gap:.8rem;margin-left:2rem}#project-explorer-container #toolbar-container #toolbarNav{grid-area:toolbar-nav;display:grid;grid-template-columns:auto 3fr 1fr}#project-explorer-container #toolbar-container #toolbarNav #toolbar-directory input{width:100%;height:100%}#project-explorer-container #sidenavbar-container{display:block;grid-area:sidebar}#project-explorer-container #sidenavbar-container nav>ul{list-style:none;padding-left:0}#project-explorer-container #display-container{grid-area:display}}.search-results{background-color:var(--background-color);z-index:2;margin:0;padding-left:0;list-style:none;visibility:hidden}.search-box:has(.search-input:focus) .search-results{visibility:visible}.highlighted{border:1px solid}#directory-search{position:relative}#directory-search #directory-search-results{position:absolute}#project-search{position:relative}#project-search #project-search-results{position:absolute}#toolbarOptionsContainer{list-style:none;padding-left:0}.desktop-only{display:none}.dropdown{position:relative;cursor:pointer}.dropdown .dropdown-list{visibility:hidden;position:absolute;background-color:var(--highlight-color);border-radius:var(--border-radius );z-index:2;margin:0;list-style:none;padding-left:0}.dropdown .dropdown-list>li button{text-align:left;width:100%}.dropdown .dropdown-list>li button span{padding-left:.7rem}.dropdown .dropdown-list>li button span.selected:before{content:"•";position:relative;left:-.5rem}.dropdown:hover .dropdown-list,.dropdown:has(.dropdown-main-item.open) .dropdown-list{visibility:visible}.dropdown:has(.dropdown-main-item.closed) .dropdown-list{visibility:hidden}.project-tile:hover,.project-row:hover{background-color:var(--highlight-color)}#about-hero{display:flex;flex-direction:column}#technologies-container{display:grid;gap:2em}#technologies-container .technologyGroupedPerSkill-container{display:flex;gap:1rem;flex-wrap:wrap}#technologies-container .technologyGroupedPerSkill-container p{margin:0}.article-container{display:flex;flex-direction:column;justify-content:space-between}#about-long-introduction{display:flex;place-items:center;font-size:1.15rem;flex:1}@media (min-width: 800px){#technologies-container{grid-template-columns:repeat(2,minmax(200px,1fr))}}.typewriter>*{display:inline-block;overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:blink-caret .75s step-end infinite}.text-wrap-pretty{text-wrap:pretty}.typewriter.writting>*{border-right:.15em solid var(--color)}.typewriter.finished>*{border-right:none}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color)}}.hidden{visibility:hidden;opacity:0}.visible{visibility:visible;opacity:1}.appear-animation.visible{transition:opacity 1s ease-in}.timeline-container{--col-gap: 2rem;--row-gap: 2rem;--line-w: 1ch;--dot-width: 1rem;padding-left:0}.timeline-container ul{display:grid;grid-template-columns:var(--line-w) 1fr;grid-template-rows:repeat(calc(var(--num-timeline-items) + 1),auto);grid-auto-columns:max-content;column-gap:var(--col-gap);row-gap:var(--row-gap);list-style:none;margin-inline:auto;padding-left:0}.timeline-container ul li{display:flex;align-items:center;justify-content:start}.timeline-container ul li::marker{color:red}.timeline-container ul li.timeline-item{position:relative}.timeline-container ul li.timeline-item:before{content:"";width:var(--dot-width);height:var(--dot-width);position:absolute;background-color:var(--color);border:.2rem solid var(--border-color);border-radius:50%;left:calc((var(--dot-width) / 2 + var( --line-w) / 2 + var(--col-gap)) * -1)}.timeline-container ul img{display:none}.timeline-container ul:before{content:"";grid-column:1;grid-row:1 / -1;background-color:var(--primary-accent-color);border-radius:calc(var(--line-w) / 2)}.timeline-container .timeline-item-container .timeline-text-container{display:flex;align-items:center;gap:.4rem}.timeline-container .timeline-image-container{flex-shrink:0;display:inline-block}.timeline-container .timeline-image-container img{border-radius:100%}@media (min-width: 1400px){.timeline-container{--row-gap: 6.5rem;--direction-timeline-item: "ltr";overflow-y:hidden}.timeline-container ul{grid-template-columns:1fr var(--line-w) 1fr;gap:var(--row-gap) var(--col-gap);overflow-x:hidden;list-style:none;margin-inline:auto}.timeline-container ul img{display:block}.timeline-container ul:before{content:"";grid-column:2}.timeline-container ul li.timeline-item{direction:var(--direction-timeline-item);text-align:start}.timeline-container ul li.timeline-item:nth-child(odd){grid-column:1;grid-row:span 2}.timeline-container ul li.timeline-item:nth-child(odd):before{right:calc((var(--dot-width) / 2 + var( --line-w) / 2 + var(--col-gap)) * -1)}.timeline-container ul li.timeline-item:nth-child(2n){grid-column:3;grid-row:span 2}.timeline-container ul li.timeline-item:nth-child(2n):before{left:calc((var(--dot-width) / 2 + var( --line-w) / 2 + var(--col-gap)) * -1)}.timeline-container ul li.timeline-item:nth-child(2){grid-row:2 / span 2}}#scroll-container{display:flex;flex-direction:column;place-items:center;margin-bottom:.4rem}.fade-out{animation:fadeout ease-out 1s;animation-iteration-count:1;animation-fill-mode:forwards}.fade-in{animation:fadein ease-in 4s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes go-down-and-backup{0%{transform:translateY(0)}50%{transform:translateY(.3rem)}75%{transform:translateY(0)}}#scroll-down{animation:go-down-and-backup ease-in 2s infinite}