body{height:110vh;width:100vw;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body,html{background-color:#93a0c6}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#HOME-BUTTON{position:relative;max-width:10vh;max-height:10vh;width:15vh;height:15vh;min-height:15vh;min-width:15vh;bottom:-85vh;z-index:10;pointer-events:auto;display:flex;align-items:center;justify-content:center}#HOME-BUTTON_canvas:hover{transform:translateY(5px);transition:.3s cubic-bezier(.4,2,.3,1);cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}.logo-citat-row{position:fixed;bottom:0;display:flex;left:0;width:100vw;height:60px;z-index:3000;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{position:fixed;bottom:0vh;width:5vh;height:auto;margin-left:7vw;pointer-events:auto}#citat{position:flex;z-index:10;margin-left:7vw;font-size:.7rem;color:#93a0c6}#citat-wrapper{flex:1 1 auto;text-align:center;margin-left:-150px}@media (max-width: 600px){#citat-wrapper,.logo-citat-row,.logo{display:none}#HOME-BUTTON{position:fixed;max-width:60vw;max-height:25vh;width:25vw;height:25vh;bottom:-40px;display:block;align-items:center;justify-content:center;z-index:10;pointer-events:auto;overflow:visible;-webkit-tap-highlight-color:transparent;outline:none}#HOME-BUTTON svg{width:100%;height:100%}#HOME-BUTTON svg #HOME-BUTTON{pointer-events:auto;cursor:pointer}#fade-overlay{position:fixed;width:100vw;margin-bottom:0;display:block;pointer-events:none;z-index:9000;background:linear-gradient(to top,#93a0c6,#93a0c600)}}html,body{overflow-x:hidden;overflow-y:auto;width:100vw}.svg-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible;-webkit-tap-highlight-color:transparent;outline:none}.svg1{position:absolute;top:-17%;left:50%;transform:translate(-50%);width:25vw;max-width:100vh;min-width:65vh;height:90%;z-index:10;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;align-items:center;justify-content:flex-start}#HARD-SKILLS,#PROFESSIONAL,#CV,#ACADEMIC,#SOFT-SKILLS{cursor:pointer;transition:transform .3s ease;z-index:20;pointer-events:auto;-webkit-tap-highlight-color:transparent;outline:none}rect[id^=blockcolor]{pointer-events:none;transition:opacity .5s ease}.pdf-container{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);background-color:transparent;z-index:10;visibility:hidden;opacity:0;transition:opacity .5s ease,transform .5s ease;cursor:auto;-webkit-tap-highlight-color:transparent;pointer-events:none}.pdf-container.active{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(.85);overflow:visible;pointer-events:none;height:85vh;top:54%;-webkit-tap-highlight-color:transparent}#pdf-flipbook,.pdf-flipbook.stf__parent{visibility:visible;top:-7%;opacity:1;overflow:visible;-webkit-tap-highlight-color:transparent}.pdf-flipbook{position:relative;background:transparent;overflow:visible;cursor:pointer;margin:0 auto!important;transform:none!important;-webkit-tap-highlight-color:transparent}.stf_wrapper.active{visibility:visible;width:100vw;max-width:100vw;height:100vh;max-height:100vh;opacity:1;overflow:visible;-webkit-tap-highlight-color:transparent}.stf__wrapper--landscape{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:visible}.stf__wrapper--potrait{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:visible;-webkit-tap-highlight-color:transparent}.pdf-flipbook .page,.pdf-flipbook .page img{background:transparent;border-radius:3px;-webkit-tap-highlight-color:transparent}.pdf-flipbook .page img{object-fit:contain;display:block;box-shadow:0 2px 8px #0000001a;border-radius:3px;-webkit-tap-highlight-color:transparent}.pdf-container,.pdf-flipbook,.pdf-flipbook .page,.pdf-flipbook .page img{pointer-events:auto!important}.page-flip__controls,.page-flip__slider,.page-flip__progress,.page-flip__navigation,.page-flip__navigation-wrapper,.page-flip__navigation-button,.page-flip__navigation__item,.page-flip__navigation__item--active{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important}.pdf-container{scrollbar-width:none;-ms-overflow-style:none}.pdf-container::-webkit-scrollbar{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#93a0c6}a:hover{color:#e3125f}button{background-color:#f9f9f9}}.pdf-container.loading{background-color:#00000080}.stf__page{transform-style:3d!important;perspective:auto!important;box-shadow:0 4px 16px #0000001a!important}@media (max-width: 10000px){.pdf-container{overflow-x:auto!important;overflow-y:visible;width:95vw;max-width:95vw;height:95vh;max-height:95vh;overflow:visible}.pdf-flipbook{object-fit:contain;position:relative;width:95vw;max-width:95vw;height:95vh;max-height:95vh;z-index:200;background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.stf__block{background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.pdf-flipbook .page img{object-fit:contain;display:block;box-shadow:0 2px 8px #0000001a;background:#fff;border-radius:3px;-webkit-tap-highlight-color:transparent}}@media (max-width: 1200px){.pdf-container,.pdf-flipbook,.stf__page,.stf__wrapper--landscape,.stf__wrapper--potrait{perspective:none!important;transform-style:flat!important}.page-flip__corner{display:none!important}.pdf-flipbook .page img{object-fit:contain;display:block;box-shadow:0 2px 8px #0000001a;background:#fff;border-radius:3px;-webkit-tap-highlight-color:transparent}.stf__wrapper--landscape{width:10vw;max-width:10vw;height:100vh;max-height:100vh;overflow:visible}.stf__wrapper--potrait{width:10vw;max-width:10vw;height:10vh;max-height:10vh;overflow:visible;-webkit-tap-highlight-color:transparent}}.loading-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:300}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden;background:#93a0c61a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:all}.loading-animation{width:100px;height:100px}.loading-animation svg [id^=loading]{opacity:0;transition:opacity .5s ease}.interactive-container{z-index:1000;position:fixed;top:50%;left:50%;width:100vh;height:70vh;max-height:90vh;background-color:transparent;visibility:hidden;opacity:0;overflow:visible;transition:opacity .5s ease,transform .5s ease;pointer-events:auto}.interactive-container.active{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}@media (max-width: 1200px){.interactive-container{overflow:visible;width:85vh;max-width:90vw;height:50vh;max-height:50vh;left:50%;top:60%;transform:translate(-50%,-50%);pointer-events:none}}#cv_content.active,#checkpoint-container.active{visibility:visible;opacity:1}#checkpoint-container{position:flex;max-width:83vh;max-height:90vh;background:transparent;display:block;z-index:1000}#cv_content{position:fixed;height:90vh;max-height:78vh;left:50%;top:54%;transform:translate(-50%,-50%);background:transparent;display:block;margin:0 auto;z-index:1010}@media (max-width: 800px){#cv_content{position:fixed;height:70vh;max-height:78vh;left:50%;top:54%;transform:translate(-50%,-50%);background:transparent;display:block;z-index:1000}}.boxg-shadow{box-shadow:0 4px 8px #000;transition:box-shadow .3s ease}#checkpoint-container{z-index:1000;position:fixed;top:48.5%;left:50%;transform:translate(-50%,-50%);width:89vh;height:70vh;max-height:90vh;background-color:transparent;transition:opacity .5s ease,transform .5s ease;pointer-events:none!important;-webkit-tap-highlight-color:transparent}@media (max-width: 1200px){#checkpoint-container{transform:translate(-50%,-50%);width:100vw;height:100vh;max-width:100vw;max-height:100%;top:60%;left:50%}}#hard-skills_content{position:fixed;top:52.5%;left:50%;width:110vh;height:80vh;max-width:110vh;max-height:80vh;transform:translate(-50%,-50%);background:transparent;display:block;margin:0 auto;overflow:visible;z-index:1000}#hard-skills_content.active{opacity:1;visibility:visible;box-shadow:0 8px 32px #0000002e}#bim,#modelling,#cgi,#graphics,#technical{filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));transition:filter .3s}.loading-animation{pointer-events:none!important}#hard-skills_mobile_content{width:90.5vh;height:70vh;max-width:90.5vh;max-height:70vh;display:flex;align-items:center;justify-content:center;top:32.5%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;overflow-y:auto;pointer-events:auto}#soft-skills_canvas{position:fixed;top:52.5%;left:50%;width:110vh;height:80vh;max-width:110vh;max-height:80vh;transform:translate(-50%,-50%);background:transparent;display:block;margin:0 auto;overflow:visible;pointer-events:none}#soft-skills_canvas.active{pointer-events:auto}#soft-skills_content.active{opacity:1;visibility:visible;z-index:8000}#soft-skills_canvas text:not([id*=header]){font-family:Yu Gothic UI,sans-serif;font-size:24px;text-anchor:flex;text-align:justify;white-space:pre;overflow:visible;word-spacing:10px;pointer-events:auto;-webkit-user-select:none;user-select:none}@media (max-width: 1200px){#cv_content{max-height:60vh;top:50%;left:50%;transform:translate(-50%,-75%)}#cv_content.active{opacity:1;visibility:visible}#checkpoint{position:fixed;visibility:hidden}#hard-skills_content,#hard-skills_mobile_content{width:90.5vh;height:70vh;max-width:90.5vh;max-height:70vh;display:flex;align-items:center;justify-content:center;top:32.5%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;overflow-y:auto;pointer-events:auto}#soft-skills_canvas{width:85vh;height:70vh;max-width:85vh;max-height:70vh;display:flex;align-items:center;justify-content:center;top:32.5%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;overflow-y:auto;pointer-events:none}#soft-skills_canvas text:not([id*=header]){font-family:Yu Gothic UI,sans-serif;font-size:24px;text-anchor:flex;text-align:justify;white-space:pre;overflow:visible;word-spacing:10px;pointer-events:none;-webkit-user-select:none;user-select:none}#soft-skills_canvas.active{pointer-events:none}#soft-skills_mobile_canvas{display:block;width:300px;height:2350px;margin:auto auto 10px;position:relative;top:-30vh;background:transparent;overflow:visible;pointer-events:none}}@media (max-width:0px){#cv_content{max-height:70vh;top:55%;left:50%;transform:translate(-50%,-50%)}#cv_content.active{opacity:1;visibility:visible}#checkpoint{position:fixed;visibility:hidden}#hard-skills_content{width:60vh;max-height:70vh;top:55%;left:50%;transform:translate(-50%,-50%)}#hard-skills_content.active{opacity:1;visibility:visible}#soft-skills_canvas{height:7%;max-height:85%;display:flex;align-items:center;justify-content:center;top:32.5%;left:50%;transform:translate(-50%,-50%);overflow-x:hidden;overflow-y:auto;pointer-events:none}#soft-skills_canvas text:not([id*=header]){font-family:Yu Gothic UI,sans-serif;font-size:24px;text-anchor:flex;text-align:justify;white-space:pre;overflow:visible;word-spacing:10px;pointer-events:none;-webkit-user-select:none;user-select:none}#soft-skills_canvas.active{pointer-events:auto}#soft-skills_mobile_content{position:relative;width:100vw;max-width:100vw;height:calc(100vh - 120px);max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;background:transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:1000;margin:0 auto;display:block}#soft-skills_mobile_canvas{display:block;width:100%;height:auto;min-height:100%;max-width:100vw;max-height:none;margin:0 auto;background:transparent;overflow:visible;pointer-events:auto}}@media (max-height: 800px){#cv_content{max-height:70vh;top:35%;left:50%;transform:translate(-50%,-50%)}#cv_content.active{opacity:1;visibility:visible}#checkpoint{position:fixed;visibility:hidden}}body.no-scroll soft-skills_canvas{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100vw!important}