@font-face{font-display:swap;font-family:Pixelify Sans;font-style:normal;font-weight:400 700;src:url(/static/media/PixelifySans.f4a587beeb9947b64d09.ttf) format("truetype")}:root{--bg:#121212;--bg-elev:#121212;--bg-elev-2:#1e1e1e;--border:#2e2e2e;--border-strong:#e8e8e8;--text:#e8e8e8;--text-dim:#9a9a9a;--accent:#e8e8e8;--accent-hover:#9a9a9a;--radius:0;--font-pixel:"Pixelify Sans","Courier New",monospace}*{box-sizing:border-box}body,html{background:#121212;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;margin:0;overflow-x:hidden;padding:0}a,body,html{color:#e8e8e8;color:var(--text)}code{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.ProjectSelector,.Toastify__toast,.contact-close,.header-position,.img-desc-italic,.nav ul li,.new-project,.new-project-example,.skill-chip,h1,h2,h3{font-family:Pixelify Sans,Courier New,monospace!important;font-family:var(--font-pixel)!important;font-weight:500}.header-name,h1,h2{font-weight:700}.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(34px,5.5vw,56px);font-weight:700;line-height:1.1;margin:0 0 10px}.header-title{font-size:30px;font-weight:700}.header-position{color:var(--text-dim);display:block;font-size:18px;font-weight:400;margin-bottom:40px}.nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;list-style-type:none;margin:0;padding:0}.nav ul li{border-radius:4px;color:#fff;cursor:pointer;font-size:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:9px 20px;-webkit-user-select:none;user-select:none}.nav ul li:first-child{background-color:#515aac}.nav ul li:nth-child(2){background-color:#51ac86}.nav ul li:nth-child(3){background-color:#ac5151}.nav ul li:nth-child(4){background-color:initial;border:2px solid #ac9f51}.nav ul li:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}.toast{height:0;position:absolute;width:0}.nav ul li.nav-linkedin{align-items:center;display:flex;height:40px;justify-content:center;padding:0;width:40px}.nav ul li.nav-linkedin .linked-img{display:block;height:24px;width:24px}.linkedIn{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:6px;position:absolute;right:24px;top:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.linked-img{display:block;margin:auto;width:32px}.arrow-down{background:var(--bg);border:1px solid var(--border);border-radius:50%;cursor:pointer;height:44px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,170px);transform:translate(-50%,170px);width:44px}.arrow-down:hover{border-color:var(--border-strong)}.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);border:1px solid var(--border-strong);color:var(--text);display:none;left:50%;max-width:95%;padding:20px;position:fixed;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:260px;z-index:100}.background-fade{background-color:rgba(0,0,0,.7);display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99}.contact-close{border:1px solid var(--border-strong);display:grid;float:right;margin-top:18px;padding:6px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-modal a{color:var(--text);word-break:break-all}.contact-close:hover{background:var(--bg-elev-2);cursor:pointer}@media only screen and (max-width:480px){.nav ul{gap:8px}.nav ul li{font-size:15px;padding:8px 12px}.nav ul li.nav-linkedin{height:36px;width:36px}}.second-page{align-items:flex-start;border-top:1px solid var(--border);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{grid-column:span 3}.loading,.project-title{color:var(--text);display:block;font-weight:700;text-align:center}.project-title{font-size:clamp(30px,4vw,42px);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:40px;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);border:1px solid var(--border);color:var(--text);justify-content:space-around;margin:0 auto;max-width:380px;padding:16px;position:relative;width:100%}.project-card h1{font-size:19px;font-weight:700;margin-bottom:8px;margin-right:10px;margin-top:12px;padding:0}.project-card p{color:var(--text-dim);font-size:15px;line-height:1.55;margin-bottom:0;margin-top:12px}.card-info{display:grid}.project-card img{border:1px solid var(--border)}.project-card .project-img,.project-card img{aspect-ratio:1;object-fit:cover;width:100%}.project-img{background-color:var(--bg-elev-2);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}.project-card:hover h1{text-decoration:underline;text-underline-offset:3px}.see-more{display:none}.desc-text{margin-top:0;text-align:start}.fade-in{opacity:1}.project-card>.new-project{background:var(--text);color:var(--bg);font-family:inherit;font-size:11px;font-weight:700;left:0;letter-spacing:.05em;line-height:1.4;margin:0;padding:3px 8px;position:absolute;text-transform:uppercase;top:0;z-index:1}@-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{border:1px solid var(--border);color:var(--text-dim);font-size:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-chip-blank{background-color:var(--bg-elev-2);font-size:13px;height:22px;margin:0;width:80px}.ProjectSelector{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 30px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProjectSelector>div{--tab-color:#515aac;border:2px solid var(--tab-color);border-radius:4px;display:inline-block;font-size:15px;margin:0;padding:7px 16px;-webkit-user-select:none;user-select:none}.ProjectSelector>div:first-of-type{--tab-color:#515aac}.ProjectSelector>div:nth-of-type(2){--tab-color:#51ac86}.ProjectSelector>div:nth-of-type(3){--tab-color:#ac5151}.ProjectSelector>div:nth-of-type(4){--tab-color:#ac9f51}.ProjectSelector>div:hover{color:#fff;cursor:pointer}.Selected{background-color:var(--tab-color);color:#fff}.NotSelected{background-color:initial;color:var(--text-dim)}.filter{opacity:.6;vertical-align:middle;width:16px}@media only screen and (max-width:800px){.ProjectSelector{gap:8px;max-width:100%}.ProjectSelector>div{font-size:14px;padding:6px 12px}.filter{display:none}}.about-me-body{align-items:center;border-top:1px solid var(--border);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:30px;object-fit:cover;position:absolute;top:0;width:80px}.i-am{display:inline-block;padding-top:100px!important;position:relative}.about-me-desc h1{font-size:clamp(30px,4vw,42px);font-weight:700;margin:0 auto 20px;max-width:680px;padding:0 30px;width:100%}.about-me-desc,.about-me-desc h1{color:var(--text);text-align:left}.about-me-desc{align-items:center;display:grid;justify-content:center;margin:auto;max-width:900px;width:90%}.about-me-desc-2{margin:auto;max-width:680px;padding:0 30px;width:100%}.about-me-desc-2 ul{list-style-type:disc;margin:0;padding-left:20px;text-align:left}.about-me-desc-2 ul li{color:var(--text);font-size:18px;line-height:1.6;margin-top:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-me-desc-2 ul li:first-child{margin-top:0}.game-dev{display:inline;font-weight:700}.arrow-down-abt-me{background:var(--bg);border:1px solid var(--border);border-radius:50%;cursor:pointer;height:44px;margin:36px auto 0;position:relative;width:44px}.arrow-down-abt-me:hover{border-color:var(--border-strong)}.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 h1,.about-me-desc-2{padding:0 22px}.headerImage{left:22px}}@media only screen and (max-width:700px){.about-me-desc-2 ul li{font-size:16px}}.footer-body{align-items:center;border-top:1px solid var(--border);display:flex;height:140px;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);border:1px solid var(--border);border-radius:50%;height:44px;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);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);border:1px solid var(--border);border-radius:50%;display:flex;left:20px;position:fixed;top:20px;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:8px;width:42px}.back-arrow:hover{cursor:pointer}.project-name{color:var(--text);font-weight:700;margin:0 20px 0 0;padding:0}.project-content{color:var(--text);display:block;margin:90px auto auto;max-width:1000px;overflow:auto;padding:0;width:70%}.bottom-blob-project,.project-blob{display:none}.long-desc{font-size:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.embeddable-iframe{background-color:#fff;border:1px solid var(--border);height:1000px}.p-desc{color:var(--text);display:block;font-size:1.05rem;line-height:1.7;margin-bottom:12px;margin-top:12px}.p-desc .img-desc-italic{color:var(--text-dim);display:block;font-size:13px;line-height:1.5;margin-bottom:24px;margin-top:6px}.desc-img{border:1px solid var(--border);display:block;margin:0;padding:0}.new-project-example{background:var(--text);color:var(--bg);display:inline-block;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;line-height:1.4;margin:0 2px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}@media only screen and (max-width:800px){.project-content{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);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:9px;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-2);border:1px solid var(--border);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.629f43a6.css.map*/