@charset "UTF-8";:root{--background-color:#161616;--background-color-alt:#202020;--body-color:#d1d1d1;--heading-color:#ffffff;--opace-color:#8c8c8c;--border-color:#333333;--link-line-color:#C0D925;--link-color:#C0D925;--title-font:'Montserrat', sans-serif;--subtitle-font:'Lora', serif;--body-font:'Hind Madurai', sans-serif;--brightness:100%;--opacity:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--link-color)}::-webkit-scrollbar-thumb:hover{background:var(--link-color);opacity:.7}*{margin:0;padding:0}html{background-color:var(--background-color);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{color:var(--body-color);font-family:var(--body-font)}body.is-open{overflow:auto}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding:1.5rem;overflow:hidden}#scroll-to-top{display:none}.return-button{position:fixed;background-color:var(--link-color);color:var(--body-color);color:var(--background-color);padding:7px 12px;bottom:1.25rem;right:3vw}code{font-size:1.25rem;font-family:monospace}h1,h2,h3,strong{color:var(--body-color)}strong{font-weight:600}h1,h2,p,.highlight{margin-top:1.5rem;margin-bottom:1.5rem}p{line-height:1.5em;font-weight:200;font-size:1.25rem}a{text-decoration:none;background:0 0;color:var(--body-color)}ul{list-style:none}blockquote{background:var(--background-color-alt);padding:1rem;overflow:hidden;border-radius:7px}blockquote p{font-weight:400;color:var(--body-color);font-size:1rem}table{width:auto;background-color:var(--background-color-alt);color:var(--body-color);padding:1rem;margin-bottom:2rem;border-spacing:0;text-align:left;border-radius:7px}table th,table td{padding:.25rem 1.15rem}.d-flex{display:flex;flex-wrap:wrap}.d-flex-nowrap{display:flex;flex-wrap:nowrap}.flex-direction-column{flex-direction:column}.j-content-start{justify-content:start}.j-content-center{justify-content:center}.j-content-space-between{justify-content:space-between}.j-content-space-evenly{justify-content:space-evenly}.j-content-end{justify-content:flex-end}.a-items-center{align-items:center}.a-items-end{align-items:flex-end}.d-grid{display:grid}.grid-wrapper{grid-gap:10px}.grid-post-gap-top{margin-top:10px}.grid-recent-games{grid-template-columns:repeat(2,1fr)}.clearfix-grid{grid-template-columns:1fr 3fr;font-size:1.1rem}.clearfix-grid *{font-size:1.1rem}.clearfix-grid h1{font-size:2rem}.clearfix-grid>img{justify-self:center}.clearfix-grid ul{list-style:none;padding-left:0}.clearfix-grid li>span{display:block}.grid-post{grid-template-columns:repeat(3,1fr)}.landing-portfolio .grid-post,.landing-blog .grid-post,#portfolio .grid-post{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-portfolio .card-description,.landing-blog .card-description,#portfolio .card-description{min-width:0;overflow-wrap:anywhere}.landing-portfolio .post-description h3,.landing-blog .post-description h3,#portfolio .post-description h3{overflow-wrap:anywhere}.grid-recent-games .grid-item:first-child{grid-column:1/3;grid-row:1}.d-block{display:block}.d-inline-block{display:inline-block}.container{max-width:1800px;margin-left:auto;margin-right:auto;padding-top:2.5vw;padding-bottom:2.5vw;padding-left:3vw;padding-right:3vw}.container-wrapper{max-width:50%;padding-left:0;padding-right:0}.container-w-100{margin-left:auto;margin-right:auto;padding-top:2.5vw;padding-bottom:2.5vw}.container-h-100{margin-left:auto;margin-right:auto}.container-fix-padding{margin-bottom:0;margin-top:0;padding-bottom:0}.hero-actions{flex-wrap:wrap;width:100%}.hero-actions .gist{display:inline-flex;max-width:100%;align-items:center;justify-content:start;text-align:center;overflow-wrap:anywhere}.margin-remove{margin:0}.padding-remove{padding:0}.ceiling-space{margin-top:2vw}.ground-space{margin-bottom:2vw}.padding-top{padding-top:1rem}.padding-buttom{padding-bottom:2rem}.w-100{width:100%;box-sizing:border-box}.h-100{height:100%}.w-50{width:50%}.border{border-radius:10px}.link{color:var(--link-line-color);font-weight:400}.link:hover{color:var(--body-color);text-decoration:underline}.navigation a.current{background-color:rgba(140,140,140,.8);backdrop-filter:blur(10px);color:var(--heading-color);font-weight:600;border-radius:10px;padding:8px 10px}.title-component{font-size:calc((1.8 - 1) * 1.2vw + 1rem)}.hidden-element{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:opacity .2s ease-out}.separate-list li{margin-right:1.3vw}.separate-list a{background-color:var(--background-color-alt);padding:8px 10px;border-radius:10px}.separate-list a:hover>i{color:var(--background-color)}.separate-list a:hover{background-color:var(--link-color);color:var(--background-color);transition:background-color .3s ease,color .3s ease}.separate-list li:last-child{margin-right:0}.separate-list-3x li{margin-right:5.2vw}.separate-list-3x li:last-child{margin-right:0}.title-font{font-family:var(--title-font)}.subtitle-font{font-family:var(--subtitle-font)}.opace-color{color:var(--opace-color)}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-left{text-align:left}.font-weight-900{font-weight:900}.font-weight-600{font-weight:600}.position-relative{position:relative}.text-uppercase{text-transform:uppercase}.text-heading{color:var(--heading-color)}.text-highlight{color:var(--link-color)}.tag{font-size:.9rem;font-weight:600;padding:2px 10px;background-color:var(--body-color);color:var(--background-color);border-radius:25px}.tag:hover{opacity:.8}.todo-tag{background-color:var(--link-color);color:var(--background-color)}.stack span{font-size:.9rem;font-weight:600;padding:2px 10px;background-color:var(--body-color);color:var(--background-color);border-radius:25px;margin-right:5px}.back{background:#fcfcfc}.highlight{position:relative;background:#282a36;border-radius:7px;vertical-align:middle}.highlight .copy-button{position:absolute;top:7px;right:7px;opacity:1;width:36px;text-align:center;background:var(--link-color);color:var(--background-color);padding:8px;border-radius:7px;cursor:pointer;border:transparent;font-size:16px;font-weight:600;display:none}.highlight .copy-button:hover{opacity:.8}.highlight:hover>.copy-button{display:block}.highlight:hover:before,.highlight:hover::after{opacity:1}.highlight pre{background:0 0!important;margin:0}.copy-alert{position:fixed;bottom:-5rem;right:50%;transform:translateX(50%);display:block;transition:.3s}.copy-alert.active{bottom:1rem}.copy-alert .text-alert{z-index:999;width:120px;background-color:var(--link-color);display:block;font-weight:600;font-size:1.25rem;color:var(--background-color-alt);padding:.5rem}.copy-alert .text-alert span{text-align:center}.gist{background-color:var(--background-color);border:1px solid var(--link-color);color:var(--link-color);font-weight:400;padding:.8rem 1.25rem;margin:1rem 0;font-size:calc((1.1 - 1) * 1.1vw + 1rem)}.gist:hover{background-color:var(--link-color);color:var(--background-color);transition:background-color .3s ease,color .3s ease}.shortcode-button{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--background-color);color:var(--link-color);border:1px solid var(--link-color);font-weight:600;padding:.8rem 1.25rem;margin:.75rem 0;line-height:1.2;font-size:calc((1.1 - 1) * 1.2vw + 1rem)}.shortcode-button:hover{background-color:var(--link-color);color:var(--background-color);transition:background-color .3s ease,color .3s ease}.kbd{display:inline-block;padding:0 10px;margin:0 1px;background:var(--background-color-alt);color:var(--body-color);font-size:1rem;font-family:monospace}.source-post{font-size:1.25rem}.share-link{width:50%}.share-link li:first-child{margin-left:0}.share-link li{margin-left:12px;font-size:1.25rem}.card{height:100%;border:1px solid var(--border-color);border-radius:10px}.card:hover{background-color:var(--background-color-alt);border:1px solid var(--background-color-alt);transition:background-color .3s ease,border .3s ease}.card .card-description{padding:1.25rem;min-height:170px}.card .card-description .post-description{font-size:calc(1.25 * 1rem);font-weight:400;display:block;height:auto;min-width:0;overflow-wrap:anywhere}.card .card-description .post-description h3{display:inline-block}.landing-portfolio .card-description .post-description,.landing-blog .card-description .post-description,#portfolio .card-description .post-description{display:block;height:auto;min-width:0;overflow-wrap:anywhere}.landing-portfolio .card-description>.padding-top,.landing-blog .card-description>.padding-top,#portfolio .card-description>.padding-top{flex-wrap:wrap;gap:.75rem;min-width:0}.landing-portfolio .stack,.landing-portfolio .link,.landing-blog .stack,.landing-blog .link,#portfolio .stack,#portfolio .link{min-width:0;overflow-wrap:anywhere}.card .card-description .post-description a:hover{background-position:0 110%,110% 93%,0 93%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:1px 1px,1px 1px,1px 1px;text-shadow:2px 0 var(--background-color-alt),-2px 0 var(--background-color-alt),0 2px var(--background-color-alt),0 -2px var(--background-color-alt),2px 0 var(--background-color-alt),-2px 0 var(--background-color-alt),2px 0 var(--background-color-alt),-2px 0 var(--background-color-alt),2px 0 var(--background-color-alt),-2px 0 var(--background-color-alt),2px 0 var(--background-color-alt),-2px 0 var(--background-color-alt);background-image:linear-gradient(var(--background-color-alt),var(--background-color-alt)),linear-gradient(var(--background-color-alt),var(--background-color-alt)),linear-gradient(var(--body-color),var(--body-color))}.animated{transition:top .8s linear;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px);-moz-opacity:0}100%{-moz-transform:translateY(0);-moz-opacity:1}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes scrollBackground{from{background-position:0 0}to{background-position:256px -256px}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}#header{margin-top:2.5rem;margin-bottom:2.5rem}#header-body-desktop div:nth-child(1),#header-body-desktop div:nth-child(3){width:33%}#header-body-desktop div:nth-child(2){width:34%}#header-body-mobile .navigation,#header-body-desktop .navigation{font-size:calc((1.1 - 1) * 1.2vw + 1rem);background-color:rgba(32,32,32,.8);backdrop-filter:blur(10px);position:fixed;padding:1.25rem 1rem;top:2%;left:0;right:0;margin:0 auto;width:fit-content;z-index:999;border-radius:16px}#header-body-desktop .navigation a{font-weight:400;padding:8px 10px}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background-color:var(--background-color-alt);border:1px solid var(--border-color);border-radius:999px;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .25s ease,background-color .25s ease;user-select:none;line-height:1}.lang-toggle:hover{border-color:var(--link-color)}.lang-toggle .lang-label{color:var(--opace-color);transition:color .2s ease;font-family:var(--title-font);line-height:1}.lang-toggle .lang-label.is-active{color:var(--link-color)}.lang-toggle:hover>.lang-label.is-active{color:var(--background-color)}.lang-toggle .lang-track{width:24px;height:13px;background-color:#333;border-radius:999px;position:relative;display:inline-block;transition:background-color .25s ease}.lang-toggle .lang-slider{width:9px;height:9px;background-color:var(--body-color);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease}.lang-toggle .lang-slider.is-en{transform:translateX(11px);background-color:var(--link-color)}.headline{font-size:calc((1.5 - 1) * 1.2vw + 1rem);font-weight:900;background-color:var(--background-color-alt);border-radius:10px;background-image:url(../watermark.png);background-position:50% 70%;background-repeat:repeat;background-size:256px 256px;animation:scrollBackground 10s linear infinite}.headline-description{padding:42px 0}.headline>div{display:flex;flex-wrap:nowrap}.headline .gist{background-color:var(--background-color-alt);font-size:calc((1.1 - 1) * 1.2vw + 1rem);font-weight:400;padding:.8rem 1.25rem;border-radius:10px;font-family:var(--body-font)}.headline .gist:hover{background-color:var(--link-color);color:var(--background-color);transition:background-color .3s ease,color .3s ease}.headline .separate-list a:first-child{margin-left:0;padding-left:0}.headline .separate-list a{background-color:var(--background-color-alt);padding:8px 10px;border-radius:10px}.headline .separate-list a:hover>i{transform:scale(1.2);color:var(--link-color);transition:transform .3s ease,color .3s ease}.headline div{max-width:60%}.separate-item{color:var(--border-color)}.avatar{border-radius:10px}.social-icon{font-size:calc((1.5 - 1) * 1.2vw + 1rem)}.theme-switch-m{font-size:calc((8 - 1) * 1.2vw + 1rem)}.theme-switch,.theme-switch-m{color:var(--body-color);cursor:pointer}#toggle-on,#toggle-off,#toggle-on-mobile,#toggle-off-mobile{display:none}#toggle-on.active,#toggle-off.active,#toggle-on-mobile.active,#toggle-off-mobile.active{display:block}#header-body-mobile{display:none}#menu-wrapper{position:fixed;inset:0;display:none;box-sizing:border-box;width:100%;height:100vh;min-height:100vh;max-height:none;height:100dvh;min-height:100dvh;padding:8vw 6vw 6vw;background-color:var(--background-color)}#menu-wrapper.active{display:none;opacity:1;visibility:visible;overflow:auto;z-index:999999!important}#menu-wrapper .menu-nav{z-index:9999999}.menu-navigation.mobile li a{font-size:calc((8 - 1) * 1.2vw + 1rem);margin:2vw;display:inline-block}.social-navigation.mobile li a{font-size:calc((8 - 1) * 1.2vw + 1rem);cursor:pointer}.footer-component{margin-bottom:32px}.footer-component .nav ul{font-size:calc(1.2 * 1rem);text-transform:capitalize}.footer-component span{font-size:calc(1 * 1rem);display:block;margin-top:32px}.item-thumb{overflow:hidden;border-radius:10px 10px 0 0}.item-thumb img{vertical-align:middle;background-size:cover;transition:opacity .2s,transform .2s}.item-thumb img:hover{transform:scale(1.2,1.2)}.content{padding-top:0}.content p:first-child,.content .highlight:first-child{margin-top:0}.content p:last-child,.content .highlight:last-child{margin-bottom:0}.content-description{font-size:calc((.65) * 1.2vw + 1rem);font-weight:900;padding-top:0}.content-component .navigation p{font-size:2rem;font-weight:400;margin-left:1.3vw;margin-right:1.3vw}.content-component .mobile.navigation{display:none}.content-component .content-post ul{list-style:disc;margin-left:2rem;font-size:1.25rem;margin:1.25rem}.content-component .content-post .clearfix-grid ul{list-style:none;margin-left:0;padding-left:0}.content-component nav li{margin:0 12px 12px 0}.content-component .description{margin-right:16vw}.content-component img{max-width:100%}.pagination-component{width:100%}.pagination-component nav ul li{min-width:26px;margin-right:26px}.pagination-component nav ul li:last-child{margin-right:0}.pagination-component nav ul li a{padding:6px;font-size:1.35rem;font-weight:400}@media screen and (max-width:1300px){#header .container{padding-bottom:1.5rem}.clearfix-grid{grid-template-columns:1fr 1fr}.headline div{max-width:80%}.headline .hero-actions{max-width:100%;width:100%}}@media screen and (max-width:970px){body.is-open{overflow:hidden}#header{margin-top:1.5rem;margin-bottom:0}#header-body-desktop{display:none}#header-body-mobile{display:flex}#menu-wrapper.active{display:block}.avatar{background-color:var(--body-color)}.hero-actions{justify-content:start;margin-top:1rem;max-width:100%;width:100%}.container{padding:2rem}.container-fix-padding{padding-top:0;padding-bottom:0}.content{padding-top:0}.container-h-100{padding:0 6vw}.container-wrapper{max-width:100%}.highlight .copy-button{display:block}.ground-space{margin-bottom:2vw}.grid-wrapper,.grid-recent-games{grid-template-columns:repeat(1,1fr)}.clearfix-grid{grid-template-columns:1fr}.landing-portfolio .grid-post,.landing-blog .grid-post,#portfolio .grid-post{grid-template-columns:minmax(0,1fr)}.grid-recent-games .grid-item:first-child{grid-column:1;grid-row:1}.content-component .mobile.navigation{display:flex}.content-component .navigation{display:none}.headline>div{max-width:100%;padding:1rem}.headline>div{display:flex;flex-wrap:wrap}.headline-description>div{padding:1rem 0}.headline-description{padding:42px 0 0}.avatar-wrapper{margin-top:36px}.lang-toggle .lang-label{display:none}.lang-toggle .lang-label.is-active{display:block}.lang-toggle .lang-track{display:none}}@media screen and (max-width:599px){.content-component .navigation{display:none}.share-link{margin-top:2vw}.share-link{width:100%;justify-content:start}#header-body-mobile .navigation{margin:0 2rem;width:auto;font-size:1.25rem}#contact .gist,.headline .gist{font-size:.9rem}#footer .separate-list a{padding:.2rem}}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity;background:var(--background-color)}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}*,::after,::before{box-sizing:border-box}