@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--gnome-backgrond-color:#1e1e1e;--gnome-black:#2e3436;--gnome-bblack:#555753;--gnome-blue:#3465a4;--gnome-bblue:#729fcf;--gnome-magenta:#75507b;--gnome-bmagenta:#ad7fa8;--gnome-white:#d3d7cf;--gnome-bwhite:#eeeeec;--gnome-green:#4e9a06;--gnome-bgreen:#8ae234;--gnome-cyan:#06989a;--gnome-bcyan:#34e2e2;--gnome-red:#c00;--gnome-bred:#ef2929;--btn-color:#1111;font-family:Inter,sans-serif}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root.light-mode{--primary-color:var(--gnome-green);--primary-font-color:var(--gnome-black);--secondary-font-color:var(--gnome-bblack);--interactive-element-color:var(--gnome-bmagenta);--deactivated-interactive-element-color:var(--gnome-magenta);--background-color:whitesmoke;background:#f9f2f2}#main-container{justify-content:center;align-items:start;width:100vw;height:100vh;display:flex;transform:translateY(2%)}.main-container-content{background-color:var(--background-color);width:42%;max-width:1000px;height:910px;padding:1em;position:relative;box-shadow:0 0 2px #000}#terminal{font-optical-sizing:auto;background-color:var(--gnome-backgrond-color);color:var(--gnome-white);flex-direction:column;justify-content:start;align-items:start;gap:8px;width:33%;max-width:1000px;height:910px;max-height:100%;font-family:JetBrains Mono,monospace;font-style:normal;font-weight:300;display:flex}.user-at-machine,.user-at-machine-symbol{color:var(--primary-color);font-weight:700}@media screen and (width<=1100px){.user-at-machine{display:none}}#terminal .command{margin-left:1em}#terminal .response .error{color:var(--gnome-bred)}@keyframes current_line_underline_anim{0%,60%{opacity:1}61%,to{opacity:0}}#terminal .line.current:after{content:"_";opacity:.3;font-size:large;font-weight:500}#terminal .line.current.on-focus:after{animation:1.5s linear infinite current_line_underline_anim}.main-container-content,#project-details{font-optical-sizing:auto;color:var(--primary-font-color);background-color:var(--background-color);font-family:Inter,sans-serif;font-size:large;font-style:normal;font-weight:500;overflow-y:auto}p{text-align:justify;max-width:95%}.sub-title{color:var(--secondary-font-color);font-size:1.4rem;font-weight:400}#about-me,#my-projects{transform:translateY(-10px)}h1.title{margin-bottom:40px;font-weight:700}#about-me span#my-job{background-color:var(--primary-color);color:var(--gnome-bwhite);margin-left:3px;padding:.1em;font-weight:900}#my-contacts{justify-content:start;align-items:center;height:180px;margin-left:2px;display:flex}@media screen and (width<=1200px){#my-contacts span{transform:translateY(-22px)}}.link{width:200px;font-size:large}.link a{min-height:48px;color:var(--gnome-bwhite);background:var(--deactivated-interactive-element-color);text-align:left;overflow-wrap:normal;white-space:normal;cursor:not-allowed;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex;box-shadow:0 0 5px #630f5433}.link a.active{background:var(--interactive-element-color);cursor:pointer}.link a.active:hover,.link a.active:focus-visible{border-color:var(--primary-color);outline:none}#my-tech-stack .title{transform:translateY(15px)}.label{font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-size:large;font-weight:800}#my-projects-container{margin-top:0}#my-projects{height:100%;transform:translateY(10px)}@media screen and (width<=1100px){#my-projects{transform:translateY(-60px)}}#my-projects p{margin-bottom:30px}.card-container{width:100%;height:530px}.card-container .card-rail{box-sizing:border-box;flex-direction:row;justify-content:start;align-items:center;gap:2.2rem;width:100%;height:100%;padding:30px;display:flex;overflow:auto hidden}.card-rail .card .image{width:350px}.card-rail .card .image img{width:100%;height:auto}.card-rail .card{background:var(--background-color);height:450px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #29292933;padding:0;display:block;position:relative;box-shadow:0 0 30px #0003}.card-rail .card:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}@media (hover:hover){@keyframes card_rail_hover_animation{0%{box-shadow:0 0 #29292933}to{transform:translate(20px,-10px);box-shadow:-20px 12px #29292933}}.card-rail .card:hover{z-index:1;animation:.2s ease-in-out forwards card_rail_hover_animation}}.card-rail .card .title{margin-left:18px;font-size:larger}.card-rail .card .body{padding-left:18px;padding-right:10px}.card-rail .card .body p{text-align:start;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical;height:87px;display:-webkit-box;overflow:hidden}.card-rail .card .body .technologies-used-container{align-items:center;height:50px;display:flex}.card-rail .card .body .technologies-used{grid-template-rows:100%;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-auto-rows:0;grid-auto-columns:0;column-gap:20px;width:100%;margin-bottom:60px;padding:1rem 1rem 1rem .3rem;display:grid;overflow:hidden}.card-rail .card .body .technologies-used span{width:100%;color:var(--primary-color);font-optical-sizing:auto;background-color:#ebebee;border:1px solid #29292933;padding:2px;font-size:medium;font-weight:700;position:relative;overflow:hidden}.card-rail .card .body .more-details{justify-content:right;width:100%;margin-bottom:0;display:flex;position:absolute;bottom:0}.card-rail .card .body .more-details span{background-color:var(--interactive-element-color);color:var(--gnome-bwhite);padding:4px;font-size:large;font-weight:700;transform:translate(-30%)translateY(-50%)}.shadow-curtain{background:radial-gradient(circle,#0009 0%,#000000b3 99%);width:100vw;height:120vh;position:fixed;top:0%;right:0%}.label{font-optical-sizing:auto;margin-top:30px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:large;font-weight:800}.label .user-at-machine,.label .user-at-machine-symbol{color:var(--gnome-bwhite);background-color:var(--primary-color);padding:2px 2px 2px 4px}.label .user-at-machine-symbol{margin-right:8px}.label:after{content:"_";font-size:larger;font-weight:700;animation:1.5s linear infinite current_line_underline_anim}.simple-terminal-table{background-color:var(--gnome-backgrond-color);-webkit-user-select:none;user-select:none;grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 30px;padding:0 0 8px 12px;display:grid}.simple-terminal-table span{color:var(--gnome-white);font-optical-sizing:auto;font-family:JetBrains Mono,monospace;font-size:medium;font-style:normal;font-weight:300;overflow:hidden}@media screen and (height<=850px){#main-container{height:100vh;overflow-x:hidden;transform:translateY(0)}}@media screen and (width<=860px){body{overflow:hidden}#main-container{flex-direction:column;justify-content:center;align-items:center}#terminal{width:100%;height:2.2vh}#terminal .line.current{display:none}p{max-width:100%}#my-contacts,.available-at{align-items:center;row-gap:3rem;height:200px;margin-top:2.5rem;margin-bottom:120px;padding-right:20px;flex-direction:column!important;justify-content:center!important;display:flex!important}#my-contacts span{transform:translateY(50%)}.link{position:relative;width:100%!important}}#main-container,#main-container *,#project-details,#project-details *{box-sizing:border-box}#main-container{align-items:stretch;gap:0;width:100%;height:100dvh;min-height:0;padding:16px;transform:none}#main-container>.main-container-content{height:100%;min-height:0}#terminal{flex:0 0 32%;width:auto;min-width:0;max-width:420px;overflow:hidden auto}#main-container>.main-container-content:not(#terminal){flex:1 1 0;width:auto;min-width:0;max-width:none;overflow:hidden auto}@media screen and (width<=1100px){#my-projects{transform:none}#main-container{padding:12px}#main-container>.main-container-content:not(#terminal){padding:24px}}.card-container{width:100%;min-width:0;height:auto}.card-container .card-rail{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;justify-content:flex-start;align-items:stretch;gap:24px;width:100%;min-width:0;height:auto;padding:24px;overflow:auto hidden}.card-rail .card{scroll-snap-align:start;flex:0 0 clamp(250px,30vw,350px);width:auto;min-width:0;height:auto;min-height:420px;overflow:hidden}.card-rail .card .image{aspect-ratio:8/5;flex-shrink:0;width:100%;height:auto;overflow:hidden}.card-rail .card .image img{object-fit:cover;width:100%;height:100%;display:block}.card-rail .card .body{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex}.card-rail .card .title{overflow-wrap:anywhere;margin-bottom:10px}.card-rail .card .body p{overflow-wrap:anywhere;height:auto;min-height:60px;max-height:110px;overflow:hidden}.card-rail .card .body .technologies-used-container{width:100%;height:auto;min-height:50px;margin-top:auto}.card-rail .card .body .technologies-used{flex-wrap:wrap;align-content:flex-start;gap:8px 12px;width:100%;display:flex;overflow:hidden}.card-rail .card .body .technologies-used span{overflow-wrap:anywhere;width:auto;max-width:100%}#project-details{z-index:1000;overscroll-behavior:contain;scrollbar-gutter:stable;background-color:var(--background-color);width:min(1000px,100vw - 32px);min-width:0;max-width:100%;height:auto;max-height:calc(100dvh - 32px);padding:clamp(18px,3vw,32px);display:block;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}#project-details .project-details-close{float:right;z-index:5;width:40px;height:40px;color:var(--primary-font-color);background:var(--background-color);font:inherit;cursor:pointer;border:1px solid #29292940;border-radius:50%;justify-content:center;align-items:center;margin:-8px -8px 0 12px;padding:0;font-size:1.8rem;line-height:1;display:flex;position:sticky;top:0}#project-details .project-details-close:hover,#project-details .project-details-close:focus-visible{border-color:var(--primary-color);outline:none}#project-details .project-details-header,#project-details .project-details-body{min-width:0;max-width:100%}#project-details .project-details-header{margin-bottom:24px}#project-details .project-details-header .title{overflow-wrap:anywhere;margin:0 0 12px}#project-details .project-subtitle{max-width:100%;margin:0 0 20px;line-height:1.5}#project-details .image-carousel{width:100%;max-width:100%;padding:4px 2px 12px;position:relative}#project-details .image-carousel-viewport{background:var(--gnome-backgrond-color);border:1px solid #29292933;width:100%;overflow:hidden}#project-details .image-carousel-track{will-change:transform;width:100%;transition:transform .28s;display:flex}#project-details .image-carousel-slide{flex:0 0 100%;min-width:0;margin:0}#project-details .image-carousel-slide img{aspect-ratio:8/5;object-fit:contain;width:100%;display:block}#project-details .carousel-arrow{z-index:2;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#1e1e1ec7;border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:1.8rem;line-height:1;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#project-details .carousel-arrow:hover,#project-details .carousel-arrow:focus-visible{background:#1e1e1efa}#project-details .carousel-arrow:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}#project-details .carousel-arrow.left{left:12px}#project-details .carousel-arrow.right{right:12px}@media (hover:hover) and (pointer:fine){#project-details .image-carousel:hover .carousel-arrow,#project-details .image-carousel:focus-within .carousel-arrow{opacity:1;pointer-events:auto}}#project-details .carousel-indicators{justify-content:center;gap:8px;margin-top:10px;display:flex}#project-details .carousel-indicators button{background:var(--gnome-bblack);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}#project-details .carousel-indicators button[aria-current=true]{background:var(--primary-color);transform:scale(1.2)}#project-details .project-details-body{text-align:left;overflow-wrap:anywhere;margin-top:20px}#project-details .project-details-body .label{margin:28px 0 14px;line-height:1.5}#project-details .project-description{flex-direction:column;gap:12px;display:flex}#project-details .project-description p{text-align:left;overflow-wrap:anywhere;max-width:100%;margin:0;line-height:1.75}#project-details .simple-terminal-table{background-color:var(--gnome-backgrond-color);-webkit-user-select:text;user-select:text;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));grid-auto-rows:auto;gap:12px 24px;width:100%;padding:12px 14px;display:grid}#project-details .simple-terminal-table span{min-width:0;color:var(--gnome-white);font-optical-sizing:auto;overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:.92rem;font-weight:300}#project-details .project-links-heading{margin-top:44px}#project-details .available-at{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;height:auto;margin:0 0 12px;flex-direction:initial!important;padding:0!important;display:grid!important}#project-details .available-at .link{width:auto;min-width:0;margin:0;display:block;position:static}#project-details .project-link{width:100%;min-width:0;min-height:52px;color:var(--gnome-bwhite);background:var(--deactivated-interactive-element-color);text-align:left;overflow-wrap:normal;white-space:normal;cursor:not-allowed;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;box-shadow:0 0 5px #630f5433;height:auto!important;padding:12px 14px!important;display:flex!important}#project-details .project-link.active{background:var(--interactive-element-color);cursor:pointer}#project-details .project-link.active:hover,#project-details .project-link.active:focus-visible{border-color:var(--primary-color);outline:none}#project-details .project-link-label{overflow-wrap:normal;word-break:normal;flex:auto;min-width:0}#project-details .project-link-arrow{white-space:nowrap;flex:none}@media (hover:none),screen and (width<=600px){#project-details .carousel-arrow{opacity:1;pointer-events:auto}}@media screen and (width<=600px){#project-details{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px}#project-details .project-details-header .title{margin-bottom:10px;font-size:clamp(1.5rem,7vw,2rem)}#project-details .project-subtitle{margin-bottom:18px;font-size:1.1rem}#project-details .carousel-arrow{opacity:1;pointer-events:auto;width:38px;height:38px}#project-details .project-details-body .label{font-size:.95rem}#project-details .project-description p{font-size:.95rem;line-height:1.7}#project-details .available-at{grid-template-columns:minmax(0,1fr);gap:40px;margin-bottom:60px}#project-details .project-link{min-height:48px;font-size:.9rem}#project-details .simple-terminal-table{grid-template-columns:minmax(0,1fr);gap:10px}}@media screen and (width<=360px){#project-details .project-link{font-size:.85rem;padding:11px!important}}@media screen and (width<=860px){#main-container{flex-direction:column;align-items:stretch;width:100%;height:100dvh;padding:0;overflow:hidden;transform:none}#terminal{flex:none;gap:4px;width:100%;max-width:none;height:auto;min-height:42px;max-height:100px;padding:8px 12px;overflow:hidden auto}#terminal .line{overflow-wrap:anywhere;max-width:100%;font-size:.8rem}#main-container>.main-container-content:not(#terminal){border-left:1px solid #d8d5d5;flex:auto;width:100%;max-width:none;height:auto;min-height:0;padding:22px 18px;overflow:hidden auto}#my-projects{height:auto;min-height:100%;transform:none}#my-projects p{max-width:100%}.card-container{height:auto;margin-bottom:50px}.card-container .card-rail{gap:18px;height:auto;padding:18px 16px 22px 4px}.card-rail .card{flex-basis:clamp(240px,78vw,320px);min-height:0}.card-rail .card .image{aspect-ratio:8/5}.card-rail .card .body{padding:14px}.shadow-curtain{z-index:999}#project-details .project-details-close{justify-content:center;align-items:center;display:flex}}@media screen and (width<=400px){#main-container>.main-container-content:not(#terminal){padding:18px 14px}#my-projects .title{overflow-wrap:anywhere}.card-container .card-rail{gap:14px;padding-right:10px}.card-rail .card{flex-basis:84vw}}@media (hover:none){.card-rail .card:hover{animation:none;transform:none}}@media screen and (width>=1400px){#terminal{flex:0 0 clamp(440px,30vw,560px);max-width:560px}}@media screen and (width>=861px){#my-contacts{flex-wrap:wrap;column-gap:clamp(24px,2.5vw,40px);height:auto;min-height:180px}}.page-navigation{z-index:1200;background:var(--background-color,#f9f2f2);border:1px solid #29292938;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 18px #00000038}.page-navigation-button{min-height:42px;color:var(--primary-font-color,#2e3436);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;padding:10px 14px;font-size:.9rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.page-navigation-button:hover,.page-navigation-button:focus-visible{border-color:var(--primary-color,#4e9a06);outline:none}.page-navigation-button.is-active{color:var(--gnome-bwhite,#eeeeec);background:var(--interactive-element-color,#75507b)}.page-navigation-button.is-active:hover,.page-navigation-button.is-active:focus-visible{background:var(--interactive-element-color,#75507b);border-color:var(--primary-color,#4e9a06)}@media screen and (width<=860px){.page-navigation{right:50%;bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100vw - 24px);transform:translate(50%)}.page-navigation-button{min-width:120px;min-height:44px}}@media screen and (width<=360px){.page-navigation{justify-content:stretch;width:calc(100vw - 20px)}.page-navigation-button{flex:1 1 0;min-width:0;padding:10px 8px;font-size:.85rem}}