body{margin:0;display:flex;place-items:center;min-width:100%;min-height:100vh;font-family:Ubuntu,Inter,Open Sans,Arial,sans-serif;background-color:#0f1a33;cursor:none;overflow-x:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app-container{background-color:#0f1a33;display:flex;align-items:center;height:100vh;width:100vw;overflow:hidden}.app-content{display:flex;justify-content:space-between;gap:30px;flex-direction:column;align-items:center;min-height:100%;max-height:100vh;max-width:100vw;min-width:100%}.box-content-element-header{width:80%;position:absolute;top:0}.box-content-element{width:80%}.box-content-element.fill-space-consider-header{flex:1;display:flex;margin-top:120px}.header-container{width:100%}.header-separator{height:1px;background:#fff;opacity:.3}.header-box-logo-menu{position:relative}.header-box-menu{min-width:100%}.header-box-logo{z-index:1050;position:absolute;min-height:100%;display:flex;justify-content:center;align-items:center}.header-stretcher{position:relative}.header-stretcher.contracted{width:50%;margin-left:55%}.header-stretcher.contracted .header-menu{margin-right:0}.header-stretcher.contracted .header-separator{opacity:1}.header-stretcher.stretched{width:100%;transition:width 3s ease-out,margin-left 3s ease-out}.header-stretcher.stretched .header-separator{transition:opacity 3s linear}.header-stretcher.stretched-no-animation{width:100%}.hide-header{opacity:0;pointer-events:none;animation:hide-animation .5s linear;animation-iteration-count:1}@keyframes hide-animation{0%{opacity:1}to{opacity:0}}.show-header{opacity:1;animation:show-animation .5s linear;animation-iteration-count:1}@keyframes show-animation{0%{opacity:0}to{opacity:1}}.header-stretcher.intro-expand-animation{animation:expand-menu-intro 3s ease-out;animation-iteration-count:1}@keyframes expand-menu-intro{0%{width:0%;margin-left:-20%}to{width:50%;margin-left:55%}}.header-box-menu.intro-visibility-animation{animation-name:invisible-disable-menu-intro,fade-in-menu-intro;animation-duration:7s,1s;animation-delay:0s,7s;animation-iteration-count:1,1}@keyframes fade-in-menu-intro{0%{opacity:0}to{opacity:1}}@keyframes invisible-disable-menu-intro{0%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none}}.header-menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:340px;position:relative;margin:0 auto;padding:0;list-style-type:disc}.link-list-element{display:flex;justify-content:center;align-items:stretch;list-style-type:none;position:relative;width:100%}.link-list-element.selected .link-page{opacity:1}.link-list-element.selected .link-underline{opacity:1;transform:translateZ(0)}.link-container{display:flex;align-items:stretch;position:relative;min-height:40px}.link-container.set-min-height{min-height:80px}.link-list-element:hover .link-underline{opacity:1;transform:translateZ(0);transition:transform .5s}.link-list-element:hover .link-page{opacity:1}.link-page{display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;color:#fff;opacity:.3;transition:opacity .5s linear}.link-underline{opacity:0;position:absolute;width:100%;background:#fff;height:1px;transition:transform .5s,opacity .5s linear;transform:translateZ(0) scaleX(0)}.link-underline.place-on-bottom{bottom:-1px}.logo{color:#fff;font-size:1.7rem;vertical-align:middle}.icon{height:27px;width:27px}.loading-logo{animation:show-logo-animation 1s linear;animation-iteration-count:1}@keyframes show-logo-animation{0%{opacity:0}to{opacity:1}}@media (max-width: 700px){.logo{color:#fff;font-size:1.3rem;vertical-align:middle}.icon{height:20px;width:20px}}.hide-footer-external-links{opacity:0;pointer-events:none}.footer-external-links{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:80px;transition:opacity .5s linear}.icons-container{display:flex;justify-content:space-around;width:200px}.icon-element{opacity:.3;color:#fff}.icon-element:hover{opacity:1}.footer-external-links.intro-visibility-animation{animation-name:invisible-disable-footer-intro,fade-in-footer-intro;animation-duration:7s,1s;animation-delay:0s,7s;animation-iteration-count:1,1}@keyframes fade-in-footer-intro{0%{opacity:0}to{opacity:1}}@keyframes invisible-disable-footer-intro{0%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none}}.intro-container-mobile{background-color:#0f1a33;display:flex;align-items:center;min-height:100vh;min-width:100vw;max-width:100vw}.resume-container-mobile{background-color:#0f1a33;display:flex;min-height:100%;min-width:100vw;max-width:100vw;overflow-x:hidden;justify-content:start;margin-top:120px;gap:30px;flex-direction:column;align-items:center}.project-page-container-mobile{display:flex;justify-content:center;align-items:end;width:100vw;min-height:100vh}.box-content-element-mobile{width:90%}.footer-ham-container-mobile{position:fixed;bottom:0;width:90%;display:flex;justify-content:space-between;align-items:end}.header-container-mobile{width:90%;position:absolute;top:0;z-index:1022}.left-title.mobile{margin-top:10px;position:relative;font-size:1rem;left:0;top:0;bottom:1px;text-align:left;vertical-align:top;max-height:50px}.center-menu-mobile{display:flex;flex-direction:row;justify-content:space-between;min-width:250px;width:100%;position:relative;margin-left:auto;margin-right:auto;top:0;padding:0;align-items:center;-webkit-box-pack:justify;box-sizing:inherit;list-style-type:disc;margin-top:0;transition:all 2s}.project-current-swipe{color:#fff;position:absolute;font-size:.7rem;right:0;top:0;width:fit-content}.separator-mobile{bottom:-1px;left:0;right:0;position:relative;height:1px;background:#fff;opacity:.3}@media (max-width: 700px){.left-title.mobile{margin-bottom:10px}}.projects-menu-mobile{border:2px solid #2e9cca;border-radius:25px;display:flex;align-items:center;justify-content:end;flex-direction:column;transition:all .6s;height:40px;width:40px;background-color:#29648a4d;overflow:hidden}.projects-menu-mobile.open{height:50vh;width:90vw}.ham-container-mobile{margin-bottom:20px;display:flex;align-items:end;justify-content:end;position:absolute;right:0;background-color:#0f1a33}@media (min-width: 600px){.projects-menu-mobile{max-width:50vw}.projects-menu-mobile.open{width:50vw}}.projects-menu{border:2px solid #2e9cca;border-radius:25px;display:flex;align-items:center;justify-content:start;flex-direction:column;transition:height 1.5s;height:40px;overflow:hidden;max-height:calc(max(100vh,470px) - 200px)}.project-menu-item{border:1px solid #0F1A33;display:flex;align-items:center;height:25px;width:80%;min-width:150px;border-radius:25px;background-color:#29648a4d}.project-menu-item.selected{border-color:#2e9cca;background-color:#0f1a33}.project-menu-item:hover{border-color:#2e9cca}.project-menu-title{font-size:1rem;transition:color 1s;color:#2e9cca;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:25px}.scrollable-projects-menu-items-container{-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow:scroll;padding-top:10px;padding-bottom:10px;width:100%;display:flex;gap:20px;justify-content:start;flex-direction:column;align-items:center}.scrollable-projects-menu-items-container::-webkit-scrollbar{display:none}.arrow-menu{opacity:.3}.arrow-menu:hover{opacity:1}.hamburglar{transform:scale(.55);position:relative;display:block;width:68px;height:68px;border-radius:50%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hamburglar:hover{background-color:#29648a4d}.burger-icon{position:absolute;padding:20px 16px;height:68px;width:68px;border-radius:50%}.burger-container{position:relative;height:28px;width:36px}.burger-bun-top,.burger-bun-bot,.burger-filling{position:absolute;display:block;height:4px;width:36px;border-radius:2px;background:#fff}.burger-bun-top{top:0;transform-origin:34px 2px}.burger-bun-bot{bottom:0;transform-origin:34px 2px}.burger-filling{top:12px}.hamburglar.is-open .burger-bun-top{animation:bun-top-out .6s linear normal;animation-fill-mode:forwards}.hamburglar.is-open .burger-bun-bot{animation:bun-bot-out .6s linear normal;animation-fill-mode:forwards}.hamburglar.is-closed .burger-bun-top{animation:bun-top-in .6s linear normal;animation-fill-mode:forwards}.hamburglar.is-closed .burger-bun-bot{animation:bun-bot-in .6s linear normal;animation-fill-mode:forwards}@keyframes bun-top-out{0%{left:0;top:0;transform:rotate(0)}20%{left:0;top:0;transform:rotate(15deg)}80%{left:-5px;top:0;transform:rotate(-60deg)}to{left:-5px;top:1px;transform:rotate(-45deg)}}@keyframes bun-bot-out{0%{left:0;transform:rotate(0)}20%{left:0;transform:rotate(-15deg)}80%{left:-5px;transform:rotate(60deg)}to{left:-5px;transform:rotate(45deg)}}@keyframes bun-top-in{0%{left:-5px;bot:0;transform:rotate(-45deg)}20%{left:-5px;bot:0;transform:rotate(-60deg)}80%{left:0;bot:0;transform:rotate(15deg)}to{left:0;bot:1px;transform:rotate(0)}}@keyframes bun-bot-in{0%{left:-5px;transform:rotate(45deg)}20%{left:-5px;bot:0;transform:rotate(60deg)}80%{left:0;bot:0;transform:rotate(-15deg)}to{left:0;transform:rotate(0)}}.hamburglar.is-open .burger-filling{animation:burger-fill-out .6s linear normal;animation-fill-mode:forwards}.hamburglar.is-closed .burger-filling{animation:burger-fill-in .6s linear normal;animation-fill-mode:forwards}@keyframes burger-fill-in{0%{width:0;left:36px}40%{width:0;left:40px}80%{width:36px;left:-6px}to{width:36px;left:0}}@keyframes burger-fill-out{0%{width:36px;left:0}20%{width:42px;left:-6px}40%{width:0;left:40px}to{width:0;left:36px}}.cursor-dot-simple{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:transform .3s ease-in-out;width:8px;height:8px;background-color:#fff;z-index:100}.cursor-dot-outline-progress{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-46%,-46%);border-radius:50%;transition:transform .3s ease-in-out;opacity:1;width:60px;height:60px;z-index:100;border:rgba(255,255,255,0) solid 2px}.progress-ring{position:absolute;transform:translate(-10%,-10%);top:0;left:0;width:72px;height:72px;z-index:101}.svg-progress{transform:scale(.9);width:72px;height:72px;z-index:101}.path-progress{stroke-dasharray:200;transition:stroke-dashoffset 1s linear;stroke-linejoin:round}.cursor-dot,.cursor-dot-outline,.cursor-dot-outline-simple{pointer-events:none;position:absolute;top:200%;left:200%;transform:translate(-50%,-50%);border-radius:50%;transition:transform .3s ease-in-out}.cursor-dot{width:8px;height:8px;background-color:#fff;z-index:100}.cursor-dot-outline{width:10px;height:10px;border:white solid 1px;z-index:100}.cursor-dot-outline-simple{width:15px;height:15px;z-index:100;border:white solid 1px}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}