@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--bg:#141418;--bg-elev:#1c1c22;--bg-elev-2:#23232b;--border:#2a2a33;--border-strong:#3a3a45;--text:#ededf0;--text-dim:#9a9aa5;--accent:#7c7cf5;--accent-hover:#9595ff;--radius:12px}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#141418;background:var(--bg);color:#ededf0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:rgba(124,124,245,.3);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#141418;background:var(--bg)}::-webkit-scrollbar-thumb{background:#3a3a45;background:var(--border-strong);border:2px solid #141418;border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4a4a55}.first-page{align-items:center;display:grid;justify-content:center;min-height:100svh;padding:0;position:relative;width:100%}.container{padding:0 20px;position:relative;text-align:center;z-index:2}.header{color:var(--text);display:block;text-align:center}.header-name{display:block;font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 10px;text-shadow:0 4px 24px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.6)}.header-title{font-size:30px;font-weight:700}.header-position{color:var(--text-dim);display:block;font-size:18px;font-weight:400;margin-bottom:56px;text-shadow:0 2px 12px rgba(0,0,0,.85)}.nav ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;margin:0;padding:0}.nav ul li:not(:last-child){margin-right:0}.nav ul li{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);color:var(--text);cursor:pointer;font-size:15px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 22px;transition:background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.nav ul li:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.toast{height:0;position:absolute;width:0}.nav ul li:first-child:hover{border-color:#515aac}.nav ul li:nth-child(2):hover{border-color:#51ac86}.nav ul li:nth-child(3):hover{border-color:#ac5151}.nav ul li.nav-linkedin{align-items:center;border-radius:6px;display:flex;height:40px;justify-content:center;padding:0;width:40px}.nav ul li.nav-linkedin:hover{border-color:#0a66c2}.nav ul li.nav-linkedin .linked-img{display:block;height:26px;width:26px}.linkedIn{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:6px;position:absolute;right:24px;top:24px;transition:border-color .15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.linkedIn:hover{border-color:var(--border-strong)}.linked-img{display:block;margin:auto;width:32px}.arrow-down{background:var(--bg-elev);border:1px solid var(--border);border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);color:#fff;cursor:pointer;height:44px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,170px);transform:translate(-50%,170px);transition:border-color .15s ease,-webkit-transform .2s ease;transition:border-color .15s ease,transform .2s ease;transition:border-color .15s ease,transform .2s ease,-webkit-transform .2s ease;width:44px}.arrow-down:hover{border-color:var(--border-strong);-webkit-transform:translate(-50%,174px);transform:translate(-50%,174px)}.arrow-down img{height:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}.bottom-blob,.top-blob{display:none}.iframe-cali{background-color:#fff}.email{margin-left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);color:#fff;display:none;left:50%;max-width:95%;padding:22px;position:fixed;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px;z-index:100}.background-fade{background-color:rgba(10,10,14,.6);display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99}.contact-close{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;display:grid;float:right;font-weight:500;margin-top:18px;padding:8px 18px;transition:background-color .15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-modal a{color:var(--accent);text-decoration:none;word-break:break-all}.contact-modal a:hover{color:var(--accent-hover)}.contact-close:hover{background:#2d2d37;cursor:pointer}.preview-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.preview-card{-webkit-animation:previewFloat 10s ease-in-out infinite;animation:previewFloat 10s ease-in-out infinite;aspect-ratio:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:.5;position:absolute;width:200px;will-change:transform,opacity}.preview-card img{border-radius:inherit;display:block;-webkit-filter:saturate(.85);filter:saturate(.85);height:100%;object-fit:cover;width:100%}.preview-label{bottom:-22px;color:var(--text-dim);font-size:11px;font-weight:500;left:0;letter-spacing:.04em;opacity:.55;overflow:hidden;padding:0 4px;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}@-webkit-keyframes previewFloat{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes previewFloat{0%,to{translate:0 0}50%{translate:0 -14px}}@media screen and (max-width:900px){.preview-card{width:130px}.preview-card:nth-child(2){display:none}}@media screen and (max-width:600px){.preview-card{opacity:.35;width:100px}.preview-card:nth-child(2){display:none}}.second-page{align-items:flex-start;display:flex;justify-content:center;min-height:100svh;padding:0 20px 80px;position:relative;width:100%}.second-page-container{height:auto;max-width:1400px;padding:10px;width:100%}.bottom-blob-newest-project{display:none}.loading{color:#fff;grid-column:span 3}.loading,.project-title{display:block;font-weight:700;text-align:center}.project-title{color:var(--text);font-size:clamp(32px,4.5vw,48px);letter-spacing:-.02em;margin-top:100px}.project-grid{grid-column-gap:32px;grid-row-gap:32px;-webkit-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:380px 380px 380px;justify-content:center;margin-top:50px;row-gap:32px}@media only screen and (max-width:1450px){.project-grid{-webkit-column-gap:32px;column-gap:32px;grid-template-columns:repeat(2,380px);justify-content:center;row-gap:32px}.project-title{margin-bottom:10px;margin-top:100px}}@media only screen and (max-width:900px){.project-grid{grid-template-columns:1fr}.project-title{margin-top:80px;text-align:center}}.project-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;color:#fff;justify-content:space-around;margin:0 auto;max-width:380px;padding:20px;position:relative;transition:border-color .15s ease,-webkit-transform .15s ease;transition:border-color .15s ease,transform .15s ease;transition:border-color .15s ease,transform .15s ease,-webkit-transform .15s ease;width:100%}.project-card h1{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;margin-right:10px;margin-top:10px;padding:0}.project-card p{color:var(--text-dim);font-size:15px;line-height:1.6;margin-top:12px}.card-info{display:grid}.project-card img{aspect-ratio:1;object-fit:contain;width:100%}.project-card .project-img{aspect-ratio:1;object-fit:cover;width:100%}.project-img{background-color:var(--bg-elev-2);border-radius:8px;height:auto;margin-bottom:16px;overflow:hidden;width:100%}.loopFade{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loopFade;animation-name:loopFade;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.project-card:hover{border-color:var(--border-strong);cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.see-more{align-items:center;border-radius:8px;bottom:0;color:var(--accent);display:flex;float:right;font-weight:600;height:32px;justify-content:center;margin:12px;opacity:0;padding:0;position:absolute;right:0;-webkit-transform:scaleX(-1);transform:scaleX(-1);transition:opacity .15s ease;width:32px}.see-more img{aspect-ratio:1;height:24px;object-fit:contain;width:24px!important}.project-card:hover>.see-more{display:block;opacity:1}.desc-text{border-left:2px solid var(--border-strong);margin-top:0;padding:0 18px 16px;text-align:start;top:0}.fade-in{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}@-webkit-keyframes fadeInOpacity{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes loopFade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes loopFade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media only screen and (max-width:750px){.project-card{margin:auto;max-width:460px;width:92%}}@media only screen and (max-width:700px){.project-card p{font-size:14px}}.skills-used{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.skills-used .skill-chip{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:12px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-chip-blank{background-color:var(--bg-elev-2);border-radius:6px;font-size:13px;height:24px;margin:0;width:80px}.skill-chip-blank:not(:last-child),.skills-used .skill-chip:not(:last-child){margin-right:0}.ProjectSelector{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:0 auto 30px;padding:4px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProjectSelector>div:hover{background-color:hsla(0,0%,100%,.04);color:var(--text);cursor:pointer}.Selected{background-color:var(--bg-elev-2)!important;border:1px solid var(--border-strong)!important;color:var(--text)!important}.NotSelected{background-color:initial;border:1px solid transparent;color:var(--text-dim)}.ProjectSelector>div{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;margin:0;min-width:80px;padding:8px 18px;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;width:auto}.ProjectSelector>div:not(:last-child){margin-right:0}.filter{margin-right:6px;opacity:.9;vertical-align:middle;width:18px}@media only screen and (max-width:800px){.ProjectSelector{margin:auto auto 30px;max-width:92%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProjectSelector>div{font-size:12px;min-width:64px;padding:6px 12px}}.about-me-body{align-items:center;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;min-height:100svh;padding:80px 20px;position:relative}.about-me-blob-1,.about-me-blob-2{display:none}.headerImage{border:1px solid var(--border);border-radius:100%;height:80px;left:0;object-fit:cover;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:80px;z-index:-1}.i-am{display:inline-block;isolation:isolate;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 16px rgba(0,0,0,.7)}.about-me-desc h1{color:var(--text);font-size:clamp(32px,4.5vw,48px);font-weight:700;letter-spacing:-.02em;margin:0 auto 20px;max-width:680px;padding:0 30px;text-align:left;width:100%}.about-me-desc{align-items:center;color:#fff;display:grid;justify-content:center;margin:auto;max-width:900px;text-align:left;width:90%}.about-me-desc-2{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;margin:auto;max-width:680px;padding:32px 30px;width:100%}.about-me-desc-2 ul{border-left:2px solid var(--border-strong);list-style-type:none;margin:0;padding-left:20px;text-align:left}.about-me-desc-2 ul li{color:var(--text);font-size:17px;line-height:1.6;margin-top:18px;padding:4px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-me-desc-2 ul li:first-child{margin-top:0}.game-dev{color:var(--accent);display:inline;font-weight:500;white-space:nowrap}.arrow-down-abt-me{background:var(--bg-elev);border:1px solid var(--border);border-radius:50%;color:#fff;cursor:pointer;height:44px;margin:36px auto 0;position:relative;transition:border-color .15s ease,-webkit-transform .2s ease;transition:border-color .15s ease,transform .2s ease;transition:border-color .15s ease,transform .2s ease,-webkit-transform .2s ease;width:44px}.arrow-down-abt-me:hover{border-color:var(--border-strong);-webkit-transform:translateY(3px);transform:translateY(3px)}.arrow-down-abt-me img{height:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}@media only screen and (max-width:1100px){.about-me-desc h1,.about-me-desc-2{width:100%}}@media only screen and (max-width:600px){.about-me-desc-2{padding:24px 22px}.about-me-desc h1{width:100%}}@media only screen and (max-width:700px){.about-me-desc-2 ul li{font-size:15px}}.footer-body{align-items:center;border-top:1px solid var(--border);display:flex;height:180px;justify-content:center;margin-top:60px;position:relative;width:100%}.footer-blob{display:none}.arrow-to-top img{height:18px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}.arrow-to-top,.arrow-to-top img{left:50%;position:absolute;top:50%}.arrow-to-top{background:var(--bg-elev);border:1px solid var(--border);border-radius:50%;color:#fff;height:44px;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);transition:border-color .15s ease;width:44px}.arrow-to-top:hover{border-color:var(--border-strong);cursor:pointer}.project-body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;padding-bottom:60px;position:absolute;width:100%}.nav-back{align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:50%;display:flex;left:20px;position:fixed;top:20px;transition:border-color .15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.nav-back:hover{border-color:var(--border-strong)}.back-arrow{border-radius:100%;padding:6px;width:46px}.back-arrow:hover{cursor:pointer}.project-name{color:#fff;font-weight:600;margin:0 20px 0 0;padding:0}.project-content{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;color:#fff;display:block;margin:90px auto auto;max-width:1000px;overflow:auto;padding:36px 40px;width:70%}.bottom-blob-project,.project-blob{display:none}.long-desc{font-size:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.embeddable-iframe{background-color:#fff;border:1px solid var(--border);border-radius:8px;height:1000px}.p-desc{color:var(--text);display:block;font-size:1.05rem;line-height:1.8;margin-top:18px}@media only screen and (max-width:800px){.project-content{padding:24px 22px;width:88%}}.media-slideshow{display:grid;float:left;grid-template-areas:"media" "controls";grid-template-columns:1fr;margin:20px 20px 20px 0;position:relative;width:50%}.media-left,.media-right{background:var(--bg-elev);border:1px solid var(--border);border-radius:100%;cursor:pointer;display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px;padding:10px;transition:border-color .15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.media-left img{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:16px}.media-left:hover,.media-right:hover{border-color:var(--border-strong)}.media-right img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:16px}.media-controls{display:flex;gap:10px;grid-area:controls}.media-source{aspect-ratio:1;background-color:var(--bg-elev);border:1px solid var(--border);border-radius:10px;grid-area:media;margin:auto;object-fit:contain;width:100%}.media-count{color:var(--text-dim);grid-area:count;margin:16px auto auto}.embeddable-iframe{width:100%}@media screen and (max-width:650px){.media-slideshow{margin-right:0;width:100%}}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}
/*# sourceMappingURL=main.263b0c5b.css.map*/