@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Regular-D14tH6yt.ttf) format("truetype")}@font-face{font-family:OleoScript;src:url(/assets/OleoScriptSwashCaps-Regular-7XhHlGr9.ttf) format("truetype")}:root{--font-family: "Ubuntu";--color-primary: #f2a06e;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-text: #333333}.ubuntu{font-family:Ubuntu!important}body{font-family:var(--font-family)!important;background-color:var(--color-bg-layout);color:var(--color-text);margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background-color:#fff3;outline:1px solid rgba(0,0,0,.3)}.header-title{font-family:OleoScript;font-weight:400!important;font-size:64px!important;color:var(--color-primary)!important}.header-subtitle{font-family:Ubuntu;font-weight:400!important;font-size:32px!important}@media (max-width: 768px){.header-title{font-size:48px!important}.header-subtitle{font-size:24px!important}}@media (max-width: 480px){.header-title{font-size:36px!important}.header-subtitle{font-size:20px!important}}.about .container{display:flex;flex-direction:row;width:50%;margin-left:25%;gap:50px;align-items:center}.about .container .info{flex:1;display:flex;flex-direction:column;text-align:left;font-family:var(--font-family)!important}.about .container .info p{font-size:16px}.about .container .contact-info svg{color:var(--color-primary)}.about .container .avatar-container{height:300px;width:300px;border-radius:50%;background:#f2a06e;background:radial-gradient(circle,var(--color-primary) 50%,var(--color-bg-layout) 100%);border:10px solid transparent;outline:4px solid rgba(242,160,110,.5);display:flex;align-items:center;justify-content:center}.about .container .avatar-container .avatar{border-radius:50%;height:100%;width:100%;object-fit:cover}@media (max-width: 768px){.about .container{flex-direction:column;width:90%;margin:0 auto;gap:20px}.about .container .avatar-container{display:flex;justify-content:center;align-items:center;margin:0 auto;height:200px;width:200px}.about .container .avatar-container .avatar{width:100%;height:100%}.about .container .info p,.about .container .info a{text-align:left;justify-content:left}}@media (max-width: 480px){.about .container{width:100%;padding:10px}.about .container .info{text-align:center}.about .container .avatar-container{height:200px;width:200px;margin:0 auto}.about .container .avatar-container .avatar{width:100%;height:100%}.about .container .info p,.about .container .info a{text-align:left;justify-content:left}}:root{--card-width: 250px;--card-content-height: 50px;--card-image-height: 142px}.card{display:flex;flex-direction:column;width:var(--card-width);height:calc(var(--card-image-height) + var(--card-content-height));border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.card-cover{position:relative;overflow:hidden;background-color:#000}.steam-logo{position:absolute;top:5px;right:5px;width:30px;aspect-ratio:1;justify-content:center;align-content:center}.card-cover img{width:auto;height:100%;object-fit:cover;object-position:center}.card-content{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#fff;box-sizing:border-box;min-height:var(--card-content-height);flex-grow:0}.card-title{margin:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-description{margin:0;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects-content{text-align:left;margin:0 auto;width:60%}.projects-scroll{display:flex;gap:10px;justify-content:flex-start;min-width:100%;overflow-x:auto;padding-bottom:10px}.project-item{flex-shrink:0}@media (max-width: 767px){.projects-content{width:90%}}.navigation-wrapper{position:relative}.navigation-container{position:fixed;right:25px;top:calc((100vh - (var(--navigation-height) - ((var(--navigation-height) / 3) - var(--navigation-pin)))) / 2);align-content:center;z-index:10;transition:all ease-in-out .5s}.navigation-container .navigation{height:var(--navigation-height)}.arrow{position:fixed;left:50%;transform:translate(-50%);font-size:2rem;cursor:pointer;z-index:20;transition:opacity .5s ease;color:var(--color-primary)}.arrow-up{top:10px}.arrow-down{bottom:10px}@media (max-width: 768px){.navigation-container{display:none}}:root{--navigation-height: 80vh;--navigation-pin: 32px}.section{height:100vh;width:100vw;align-items:center;justify-content:center;text-align:center}.section.home,.section.about{display:flex!important;flex-direction:column}.section.projects{align-content:center}.overlay{overflow:hidden;position:absolute;height:100vh;width:100vw;top:0;left:0;pointer-events:none}.overlay .cube{position:absolute}.overlay .background-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.overlay .background-container .background-logo{height:500px;opacity:.1;filter:blur(4px)}.parallax-layer{position:absolute;top:0;left:0;height:100%;width:100%;will-change:transform}.projects-container{padding-top:5%;padding-right:10%;padding-left:10%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.title-container{width:100%;text-align:center;margin-bottom:20px}.projects-wrapper{display:flex;justify-content:center;width:100%;flex-grow:1;padding-bottom:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;direction:rtl}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;flex-grow:1;min-width:100%;padding-bottom:10px;direction:ltr;max-width:100%}.project-item{display:flex}@media (max-width: 600px){.projects-wrapper{padding-left:5%;padding-right:5%}}.play-button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);padding:10px 20px;border-radius:12px;font-size:16px;font-weight:700;color:#fff;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.play-button:hover{background-color:#ff5050;transform:scale(1.05)}.play-button span{display:flex;align-items:center;gap:8px}.slideshow-container{display:flex;flex-direction:column;width:100%;position:relative}.slideshow{position:relative;display:flex;align-items:center;width:100%;overflow:hidden;padding:0 60px}.slideshow:before,.slideshow:after{content:"";position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:5;transition:opacity .3s ease}.slideshow:before{left:0;background:linear-gradient(to right,var(--color-bg-layout),transparent)}.slideshow:after{right:0;background:linear-gradient(to left,var(--color-bg-layout),transparent)}.slideshow .scroll{display:flex;padding:10px;gap:10px;overflow-x:auto;flex-grow:1;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.slideshow .scroll::-webkit-scrollbar{display:none}.slideshow .item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;cursor:pointer}.slideshow .item:hover{transform:scale(1.02)}.slideshow-container .pagination-container{display:flex;justify-content:center;gap:8px;margin:16px 0;padding:0 10px}.slideshow-container .pagination-container .pagination-dot{width:12px;height:12px;border-radius:50%;outline:0 solid var(--color-bg-layout);border:3px solid var(--color-bg-layout);background-color:var(--color-primary);transition:all .3s ease;cursor:pointer;opacity:.5}.slideshow-container .pagination-container .pagination-dot:hover{opacity:.8;transform:scale(1.1)}.slideshow-container .pagination-container .pagination-dot.active{outline:2px solid var(--color-primary);border:3px solid var(--color-bg-layout);opacity:1}.slideshow button.left-arrow,.slideshow button.right-arrow{background-color:var(--color-primary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:absolute;z-index:10;color:#fff;opacity:.8}.slideshow button.left-arrow{left:10px}.slideshow button.right-arrow{right:10px}.slideshow button.left-arrow:hover,.slideshow button.right-arrow:hover{opacity:1;transform:scale(1.1);background-color:var(--color-primary)}@media (max-width: 768px){.slideshow{padding:0 20px}.slideshow button.left-arrow,.slideshow button.right-arrow{width:32px;height:32px}.slideshow button.left-arrow{left:0}.slideshow button.right-arrow{right:0}.slideshow:before,.slideshow:after{width:40px}.slideshow-container .pagination-container .pagination-dot{width:10px;height:10px;border-width:2px}}:root{--asset-height: 150px;--header-height: 64px}.project-page{display:flex;padding:20px;gap:32px;width:100%;height:calc(100vh - var(--header-height));flex-direction:row;overflow:hidden}.markdown-container{position:relative;flex:1;background-color:var(--color-bg-container);overflow-y:auto}.assets-container{flex:1;overflow-x:hidden;align-self:center}.asset-image{height:100%;width:100%;object-fit:cover;border-radius:8px;border:none}.asset-build{height:var(--asset-height);aspect-ratio:16 / 9;border-radius:8px;cursor:pointer;position:relative;justify-content:center;align-items:center;display:flex;overflow:hidden}.asset-build img{object-fit:cover;width:100%;height:100%;filter:blur(6px) brightness(.5);position:absolute;z-index:1}.asset-image.main{width:100%;height:100%;object-fit:cover}.main-asset{width:100%;aspect-ratio:16 / 9;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:10px}.main-asset-build{aspect-ratio:16 / 9;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.main-asset-build-background{height:100%;width:100%;filter:blur(6px)}.iframe-container{aspect-ratio:16 / 9;width:100%;position:relative;border:none;overflow:hidden}.iframe-container iframe{width:100%;height:100%;object-fit:cover;border-radius:10px;border:none}.fullscreen-button{position:absolute;bottom:10px;right:10px;padding:8px 12px;background-color:#000000b3;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-container{display:flex;justify-content:center;gap:8px;margin-top:16px;margin-bottom:16px}.pagination-dot{width:16px;height:16px;border-radius:50%;outline:0 solid var(--color-bg-layout);border:4px solid var(--color-bg-layout);background-color:var(--color-primary);transition:all .3s ease}.pagination-dot.active{outline:2px solid var(--color-primary);border:4px solid var(--color-bg-layout);background-color:var(--color-primary)}.download-section{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px;background-color:var(--color-bg-container);border-radius:8px;margin-bottom:8px}.button-group{display:flex;gap:8px}@media (max-width: 768px){.project-page{height:100%;flex-direction:column-reverse;overflow:auto}.assets-container{align-self:auto}}