:root{--orange-a1: rgb(255, 162, 13);--orange-a1-: rgba(255, 162, 13, 0);--orange-a2: rgba(255, 86, 13);--orange-a3: rgba(124, 80, 0)}html,body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;position:fixed;background:var(--blue-900)}.overlay-no-pointer-events{pointer-events:none}#tiles{z-index:1;position:absolute;top:0;left:0;height:100vh;width:100vw;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}#sparks{position:absolute;bottom:0;left:0}.spark{z-index:-1;width:2px;height:140px;position:absolute;background-image:linear-gradient(var(--orange-a1),var(--orange-a1-))}.spark:after{content:"";top:2px;left:-1px;width:4px;height:160px;position:absolute;background-image:linear-gradient(var(--orange-a1),var(--orange-a1-));filter:blur(2px)}.tile{position:relative;background-image:linear-gradient(#00142c,#00142c);border:1px solid transparent;border-top-width:0px;border-bottom-width:0px;background-clip:padding-box,border-box;background-origin:padding-box,border-box;cursor:pointer}.tile:after{content:"";width:1px;height:0px;position:absolute;top:0;left:50%;background-color:var(--orange-a1);opacity:0;transition:all 1s}.tile:before{content:"";width:1px;height:0px;position:absolute;bottom:0;left:50%;background-color:var(--orange-a1);opacity:0;transition:all 1s}.tile:hover:after{content:"";width:1px;height:100px;position:absolute;top:0;left:50%;background-color:var(--orange-a1);opacity:.8}.tile:hover:before{content:"";width:1px;height:100px;position:absolute;bottom:0;left:50%;background-color:var(--orange-a1);opacity:.8}.tile:hover{transition:opacity 1s ease;opacity:.7;background-image:linear-gradient(#001b46,#00142c)}#background-mask{z-index:-1;position:absolute;top:0;width:100vw;height:100vh;background:linear-gradient(to bottom right,#000812fa,#001630fa);opacity:.8}.background-animated{animation:10s bg-loop infinite linear}#container-galaxy{position:absolute;width:100%;height:100%;z-index:-3}@keyframes bg-loop{0%{opacity:.5}50%{opacity:.7}to{opacity:.5}}@keyframes bg-blur-loop{0%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}50%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}#background-blur{z-index:-1;top:0;position:absolute;width:100vw;height:100vh;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.background-blur-animated{animation:10s bg-blur-loop infinite linear}@keyframes start-text-loop{0%{color:var(--orange-a1);transform:scale(1.1)}50%{color:#ffa20d96;transform:scale(1)}to{color:var(--orange-a1);transform:scale(1.1)}}#start-text{position:absolute;bottom:25px;left:50vw;translate:-50% 0%;z-index:1;font-size:1rem;color:var(--orange-a1);transition:opacity 1s;animation:start-text-loop 3s ease-in-out infinite}@media (max-width: 1250px){#start-text{bottom:20vh;font-size:2.5rem}}#background{transition:opacity 1s ease}:root{--orange-transparent: rgba(255, 162, 13, .25);--orange-highlight: #FFA20D;--orange-highlight-50: rgba(255, 162, 13, .5);--orange-highlight-10: rgba(255, 162, 13, .1)}.germania-one-regular{font-family:Germania One,serif;font-weight:400;font-style:normal}#title{transition:opacity 5s}#content{height:100vh;width:100vw;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}#main-title{position:relative;display:flex;flex-direction:row;height:10rem;align-items:flex-end}#last-name{font-size:10rem;color:var(--orange-transparent);-webkit-text-fill-color:var(--orange-transparent);-webkit-text-stroke:1px var(--orange-highlight);vertical-align:bottom;line-height:7rem}#first-name{font-size:5rem;color:var(--orange-transparent);-webkit-text-fill-color:var(--orange-transparent);-webkit-text-stroke:1px var(--orange-highlight);vertical-align:bottom;line-height:3.5rem}#corner-1{position:absolute;bottom:-5px;left:-5px;translate:-0% 100%}#corner-2{position:absolute;bottom:-5px;left:-5px;translate:-100% 0%}#corner-3{position:absolute;bottom:-10px;right:-10px}.opaque{opacity:1}.transparent{opacity:0}#title-resume{margin:15px 5px;background-color:var(--blue-900-80);border-radius:5px;display:flex;flex-direction:column;--accent-color: var(--orange-highlight);--accent-color-50: var(--orange-highlight-50);--accent-color-10: var(--orange-highlight-10);--default-bg-color: var(--accent-color-10);--default-text-color: var(--accent-color-50)}#resume-button{align-self:flex-end;margin-bottom:10px;width:200px}#title{display:flex;flex-direction:column}.victor-mono-thin{font-family:Victor Mono,serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.victor-mono-light{font-family:Victor Mono,serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.victor-mono-regular{font-family:Victor Mono,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.title-resume-text{color:#6d8ba7;font-size:.8rem;text-align:justify}.title-resume-quote{color:#c9e0f5;font-size:.8rem;text-transform:uppercase;text-align:justify}hl-txt{color:#fbd575}#title-resume{padding:10px 20px;align-self:center;position:relative}#main-title-name-container{display:flex;flex-direction:row;align-items:flex-end}#dashed-bar-left{position:absolute;left:15px;top:50vh}#dashed-bar-right{position:absolute;right:15px;top:50vh}#portfolio-button{position:absolute;left:50vw;transform:translate(-50%);bottom:25px;transition:opacity 5s}#portfolio-cross{position:relative}#cross-left{position:absolute;bottom:0;left:-2px;transform:translate(-100%)}#cross-right{position:absolute;bottom:70px;left:2px}#cross-button{display:flex;position:absolute;padding-right:5px;font-size:2rem;background-color:#0d2a4d40;color:#476e9f;bottom:200px;left:-25px;translate:-100% 0%;height:45px;width:200px;align-items:center;justify-content:flex-end}#cross-button:after{content:"";position:absolute;right:-15px;height:45px;width:10px;background-color:#0073ff80}#cross-button:before{content:"";position:absolute;left:0;height:50%;width:0px;height:1px;opacity:0;transition:all .5s;background-color:#0073ff}#cross-button:hover{color:#0073ff}#cross-button:hover:after{background-color:#0073ff}#cross-button:hover:before{opacity:1;left:-25px;width:50px}.letter{display:inline-block;line-height:2rem}#galaxy-controller{background-color:var(--blue-900-50);padding:30px;border-radius:30px;transition:opacity 1s ease;position:absolute;left:50%;bottom:100px;transform:translate(-50%);display:flex;align-items:center;--a-color: var(--orange-highlight)}#set-default-btn{--aa-color: var(--orange-highlight);--aa-50-color: var(--orange-highlight-50)}#set-tech-btn{--aa-color: var(--tech-a);--aa-50-color: var(--tech-a-50)}#set-art-btn{--aa-color: var(--art-a);--aa-50-color: var(--art-a-50)}#set-ui-btn{--aa-color: var(--ui-a);--aa-50-color: var(--ui-a-50)}.galaxy-controller-button{position:relative;height:70px;width:70px;border-radius:50px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.galaxy-controller-button:checked{position:relative;height:70px;width:70px;border-radius:50px;background-color:var(--aa-50-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.galaxy-controller-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:77px;width:77px;border-radius:50px;background-color:transparent;border:1px solid var(--a-color)}.galaxy-controller-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:0;width:3px;background-color:var(--a-color);transition:all .5s}.galaxy-controller-button:hover:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:130px;width:3px;background-color:var(--aa-color)}.galaxy-controller-button:active{background-color:var(--aa-color)}.galaxy-controller-separator{margin-left:20px;margin-right:20px;height:1px;width:75px;background-color:var(--a-color)}#display-galaxy-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:25px;right:25px;color:var(--orange-highlight-50);background-color:transparent;padding:5px 10px;border-radius:5px;pointer-events:all}#content{transition:opacity 1s ease}#display-galaxy-button:hover{background-color:var(--orange-highlight-50);color:var(--blue-900)}.clickable{cursor:pointer}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 1250px){#title{margin-bottom:5px}#last-name{font-size:8rem;line-height:5.6rem}#fist-name{font-size:3rem;line-height:2.1rem}#corner-1{width:100%}#corner-2{width:10%}#portfolio-button{bottom:25vh}#cross-left{bottom:100px;left:-5px;transform:scale(2) translate(-100%)}#cross-right{bottom:220px;left:5px;transform:scale(2)}#cross-button{font-size:3rem;bottom:200px;left:-50px;height:70px;width:300px}#cross-button:after{height:70px;width:10px}#dashed-bar-left,#dashed-bar-right{display:none}}:root{--blue-900-80: rgba(0, 20, 43, .8);--blue-900-70: rgba(0, 20, 43, .7);--blue-900: rgba(0, 20, 43);--blue-900-50: rgba(0, 20, 43, .5);--blue-600: #234064;--blue-400: #153052;--blue-300: #234064;--blue-200: #476E9F;--blue-100: #6D8BA7;--blue-000: #9ebdd9;--blue-800-70: rgb(10 29 51 / 70%);--tech-a: #39D4FF;--tech-a-50: rgba(56, 212, 255, .5);--tech-a-10: rgba(56, 212, 255, .1);--ui-a: #FF4E2F;--ui-a-50: rgba(255, 77, 46, .5);--ui-a-10: rgba(255, 77, 46, .1);--art-a: #FF56B3;--art-a-50: rgba(255, 87, 179, .5);--art-a-10: rgba(255, 87, 179, .1)}#portfolio{height:100%;display:flex;transition:opacity 3s ease;align-items:center}#portfolio-zone{display:flex;flex-wrap:wrap;justify-content:space-evenly}.portfolio-zone{position:relative;background-color:var(--blue-900-80);border-radius:10px;margin-top:10px;height:395px}.portfolio-card-upper-part{display:flex;width:100%;height:100%;margin-bottom:20px;align-items:flex-end;justify-content:space-between}.portfolio-card-lower-part{display:flex;width:100%;justify-content:space-between;align-items:center}.portfolio-img{width:169px;height:233px;border:solid 2px transparent;border-radius:10px;--gradient-border: conic-gradient(from .93turn, transparent 1%, var(--accent-color) 1%, var(--blue-200) 55%, transparent 80%);--main-bg: linear-gradient(0turn, var(--blue-900) 0%, var(--blue-900) 100%);background:var(--main-bg) padding-box,var(--gradient-border) border-box}.portfolio-img img{width:100%;height:100%;object-fit:cover}#portfolio-zone-tech{--accent-color: var(--tech-a);--accent-color-50: var(--tech-a-50);--accent-color-10: var(--tech-a-10);--title-color: transparent;--default-bg-color: var(--accent-color-10);--default-text-color: var(--accent-color-50)}#portfolio-zone-art{--accent-color: var(--art-a);--accent-color-50: var(--art-a-50);--accent-color-10: var(--art-a-10);--title-color: transparent;--default-bg-color: var(--accent-color-10);--default-text-color: var(--accent-color-50)}#portfolio-zone-ui{--accent-color: var(--ui-a);--accent-color-50: var(--ui-a-50);--accent-color-10: var(--ui-a-10);--title-color: transparent;--default-bg-color: var(--accent-color-10);--default-text-color: var(--accent-color-50)}.portfolio-img-card:before{position:absolute;content:"";background:#000;mix-blend-mode:hue;width:100%;height:100%;border-radius:10px;opacity:1;transition:opacity 1s ease}.portfolio-img-card:after{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,#00142ccc,#0d294ccc);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px;opacity:1;transition:opacity 1s ease}.portfolio-img-card:hover:before{opacity:0}.portfolio-img-card:hover:after{opacity:0}.portfolio-img-card img{position:absolute;border-radius:10px}.portfolio-img-card{position:relative;margin-left:5px;margin-right:5px;--text-color: var(--blue-200);--text-color-outline: var(--blue-600)}.portfolio-img-card:hover{--text-color: var(--accent-color);--text-color-outline: var(--blue-900)}.portfolio-img-card-title{position:absolute;color:var(--text-color);text-align:right;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--text-color-outline);text-shadow:var(--blue-900) 0 0 10px;font-size:24px;line-height:normal;text-transform:uppercase;margin:5px;z-index:1;transition:color .5s ease}.portfolio-zone-title{text-align:right;color:var(--title-color);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--accent-color);font-size:8rem;line-height:5.6rem;text-transform:uppercase;vertical-align:bottom}.portfolio-title-preview{margin-left:5px}.portfolio-button-preview{margin-right:15px}.portfolio-zone-button{position:relative;width:140px;height:28px;padding-right:10px;background-color:var(--default-bg-color);color:var(--default-text-color);text-transform:uppercase;text-align:right;font-size:1rem;line-height:1.5rem}.portfolio-zone-button:before{position:absolute;content:"";width:1px;height:30px;background-color:var(--accent-color);right:-4px;bottom:-10px}.portfolio-zone-button:after{position:absolute;content:"";width:60px;height:1px;background-color:var(--accent-color);bottom:-4px;right:-10px}.portfolio-zone-button:hover{background-color:var(--accent-color);color:var(--blue-900)}#portfolio-tech-corner-left{position:absolute;transform:scale(-1);top:-10px;left:-10px}#portfolio-tech-corner-right{position:absolute;bottom:-10px;right:-10px}#portfolio-ui-corner-left{position:absolute;bottom:-10px;left:-10px}#portfolio-ui-corner-right{position:absolute;transform:scale(-1);top:-10px;right:-10px}#portfolio-art-corner{position:absolute;transform:translate(-50%,50%);bottom:0;left:50%}.portfolio-button-collapsed{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.portfolio-title-collapsed{position:absolute;left:50%;top:10px;width:300px;text-align:left;transform:translate(-50%,-50%) rotate(90deg) translate(50%)}.portfolio-close-button{position:absolute;top:15px;right:15px;width:28px;height:28px;background-color:var(--accent-color-10)}.portfolio-close-button:after{position:absolute;top:-10%;left:0;content:"";width:1px;height:62px;transform:translate(-25%) rotate(45deg);background-color:var(--accent-color-50)}.portfolio-close-button:before{position:absolute;top:25%;left:-40%;transform:translate(0) rotate(45deg);content:"";width:37px;height:1px;background-color:var(--accent-color-50)}.portfolio-close-button:hover{background-color:var(--accent-color-50)}.portfolio-close-button:hover:after{background-color:var(--accent-color)}.portfolio-close-button:hover:before{background-color:var(--accent-color)}ha{color:var(--accent-color)}aa{color:var(--orange-highlight)}.portfolio-detailed-content{display:flex;margin-left:10px;padding-bottom:10px;padding-top:20px}.portfolio-detailed-content-title-column{display:flex;flex-direction:column;align-items:flex-start;width:310px;margin-right:30px}.portfolio-detailed-content-box-column{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:265px;margin-right:30px}.portfolio-detailed-content-box-img{position:absolute;top:-10px;left:-10px}.portfolio-text{color:var(--blue-100);text-align:justify;font-size:13px;margin-top:12px;margin-bottom:12px}.portfolio-sub-title{color:var(--blue-200);font-size:24px}.portfolio-thumbnail-img{position:relative;height:80px;width:100%;border-radius:10px;padding:1px;background:linear-gradient(90deg,var(--blue-400),var(--blue-400) 10%,var(--accent-color) 50%,var(--blue-400) 90%,var(--blue-400))}.portfolio-thumbnail-img:before{content:"";position:absolute;background-color:var(--blue-900);width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;border-radius:10px;opacity:.5;transition:opacity .5s ease}.portfolio-thumbnail-img:hover:before{opacity:0}.portfolio-thumbnail-img:after{content:"";position:absolute;background-color:var(--accent-color);bottom:0;left:50%;height:0;width:1px;transform:translateY(50%);transition:height .5s ease}.portfolio-thumbnail-img:hover:after{height:50px}.portfolio-thumbnail-img img{object-fit:cover;border-radius:10px;width:100%;height:100%}.portfolio-cover-img{position:relative;height:120px;width:100%;border-radius:10px;padding:1px;background:linear-gradient(25deg,var(--blue-400),var(--blue-400) 25%,var(--accent-color) 50%,var(--blue-400) 75%,var(--blue-400))}.portfolio-cover-img:before{content:"";position:absolute;background-color:var(--blue-900);width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;border-radius:10px;opacity:.5;transition:opacity .5s ease}.portfolio-cover-img:hover:before{opacity:0}.portfolio-cover-img:after{content:"";position:absolute;bottom:0;right:0;height:0;width:1px;border-radius:10px;background-color:var(--accent-color);transform:translateY(50%) rotate(-45deg);transition:all .5s ease}.portfolio-cover-img:hover:after{height:50px}.portfolio-cover-img img{object-fit:cover;height:100%;width:100%;border-radius:10px}.portfolio-cover-img-title{color:var(--blue-100);width:100%;text-align:center;font-size:14px;text-transform:uppercase;margin-top:10px}.portfolio-promo-img-title{position:absolute;top:7px;right:7px;font-size:16px;text-align:right;text-shadow:var(--blue-900) 0 0 10px,var(--blue-900) 0 0 10px,var(--blue-900) 0 0 10px;color:var(--blue-000)}.portfolio-promo-img-title-vertical-left{top:7px;left:7px;transform:translate(-50%,-50%) rotate(90deg) translate(50%,-50%)}.portfolio-promo-img-title-vertical-center{top:7px;left:50%;transform:translate(-50%,-50%) rotate(90deg) translate(50%)}.portfolio-promo-img-title-vertical-right{top:7px;right:7px;transform:translate(50%,-50%) rotate(90deg) translate(50%,50%)}.portfolio-promo-img-title-vertical{position:absolute;font-size:16px;text-align:left;text-shadow:var(--blue-900) 0 0 10px,var(--blue-900) 0 0 10px,var(--blue-900) 0 0 10px;color:var(--blue-000)}.portfolio-promo-img-h-s{height:65px;width:100%}.portfolio-promo-img-h-xl{height:110px;width:100%}.portfolio-promo-img-h-xxl{height:160px;width:100%}.portfolio-promo-img-v-xl{height:180px;width:100%}.portfolio-promo-img-v-l{height:150px;width:100%}.portfolio-promo-img-right{--turn-angle: 90deg}.portfolio-promo-img-left{--turn-angle: -90deg}.portfolio-promo-img-top{--turn-angle: 0deg}.portfolio-promo-img-bottom{--turn-angle: 180deg}.portfolio-promo-img{position:relative;border-radius:10px;padding:1px;background:linear-gradient(var(--turn-angle),var(--blue-400),var(--blue-400) 40%,var(--accent-color))}.portfolio-promo-img img{object-fit:cover;height:100%;width:100%;border-radius:10px}.portfolio-promo-img:before{content:"";position:absolute;top:1px;left:1px;height:calc(100% - 2px);width:calc(100% - 2px);border-radius:10px;background-color:var(--blue-900-70);transition:background-color .5s ease}.portfolio-promo-img:hover:before{background-color:transparent}.portfolio-promo-img-hover-right:after{content:"";position:absolute;top:50%;right:0;height:1px;width:0;border-radius:10px;background-color:var(--accent-color);transform:translate(50%);transition:width .5s ease}.portfolio-promo-img-hover-right:hover:after{width:50px}.portfolio-promo-img-hover-left:after{content:"";position:absolute;top:50%;left:0;height:1px;width:0;border-radius:10px;background-color:var(--accent-color);transform:translate(-50%);transition:width .5s ease}.portfolio-promo-img-hover-left:hover:after{width:50px}.portfolio-promo-img-hover-top:after{content:"";position:absolute;top:0;left:50%;height:0;width:1px;border-radius:10px;background-color:var(--accent-color);transform:translateY(-50%);transition:height .5s ease}.portfolio-promo-img-hover-top:hover:after{height:50px}.portfolio-promo-img-hover-bottom:after{content:"";position:absolute;bottom:0;left:50%;height:0;width:1px;border-radius:10px;background-color:var(--accent-color);transform:translateY(50%);transition:height .5s ease}.portfolio-promo-img-hover-bottom:hover:after{height:50px}.portfolio-detailed-content-row-layout{width:100%;height:100%;display:flex;flex-direction:row}.collapsed{width:100%;height:100%;--title-color: transparent}.collapsed:hover{--title-color: var(--accent-color-50);--default-bg-color: var(--accent-color);--default-text-color: var(--blue-900)}.preview{padding:20px 10px 10px;flex-direction:column}.collapsed-size{width:188px}.active-size{width:1300px}.enabled{transform:translate(0) scaleX(1);opacity:1;position:relative}.disabled{transform:translate(0) scaleX(0%);opacity:0;position:absolute}.portfolio-zone-content{transition:opacity 1s ease,transform .2s ease}.portfolio-detailed-row{display:flex;flex-direction:row}.left-margin-20{margin-left:20px}.left-margin-40{margin-left:40px}@media (max-width: 1250px){.portfolio-zone-button{line-height:32px;width:150px;height:32px;font-size:1.4rem}.left-margin-20,.left-margin-40{margin-left:0}#portfolio{height:100%;display:inherit}#portfolio-zone{height:100%;display:flex;align-content:flex-start;justify-content:center}.portfolio-zone-content{transition:opacity 0s ease,transform 0s ease}.collapsed-size{margin-top:50px;margin-right:25px;margin-left:25px}.portfolio-detailed-content{flex-direction:column}.mobile-spacer-horizontal-margin{width:10px}.mobile-spacer-vertical{height:20px}.mobile-spacer-horizontal{width:35px}.active-size{width:74vw;height:790px;padding-left:25px;margin-top:25px}.portfolio-detailed-content{flex-wrap:wrap}}#portfolio-image-viewer{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--blue-900-80);align-items:center;justify-content:center;transition:opacity .5s ease;--accent-color: var(--orange-highlight);--accent-color-50: var(--orange-highlight-50);--accent-color-10: var(--orange-highlight-10)}#img-viewer{height:90vh;border-radius:20px;object-fit:contain}#img-viewer-container{position:relative}#img-viewer-left-corner{position:absolute;top:-25px;left:-25px}#img-viewer-right-corner{position:absolute;bottom:-25px;right:-25px}#img-viewer-quit-btn{position:absolute;top:35px;right:50px}.viewer{cursor:pointer}#notify-controller{position:absolute;top:-5px;left:-5px;width:100%;height:100%;border-radius:10px;border:5px var(--orange-highlight) solid;opacity:0}@media (max-width: 1250px){#img-viewer{width:90vw}}