*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--clr-black: #212121;--clr-black-100: #212121;--clr-black-200: #dfdfdf;--clr-black-300: #cfcfcf;--clr-black-400: #c0c0c0;--clr-black-500: #b0b0b0;--clr-black-600: #a0a0a0;--clr-black-700: #909090;--clr-black-800: #808080;--clr-black-900: #707070;--clr-black-1000: #616161;--clr-folly: #eb003f;--clr-folly-100: #ffebf1;--clr-folly-200: #ffd8e2;--clr-folly-300: #ffc4d4;--clr-folly-400: #ffb0c5;--clr-folly-500: #ff9db7;--clr-folly-600: #ff89a8;--clr-folly-700: #ff759a;--clr-folly-800: #ff759a;--clr-folly-900: #ff628c;--clr-folly-1000: #ff4e7d;--clr-purple: #3b00db;--clr-purple-100: #f0eaff;--clr-purple-200: #e1d5ff;--clr-purple-300: #d1c1ff;--clr-purple-400: #c2acff;--clr-purple-500: #b397ff;--clr-purple-600: #a482ff;--clr-purple-700: #946eff;--clr-purple-800: #8559ff;--clr-purple-900: #7644ff;--clr-purple-1000: #672fff;--clr-blue: #002cdb;--clr-blue-100: #eaeeff;--clr-blue-200: #d5deff;--clr-blue-300: #c1cdff;--clr-blue-400: #acbdff;--clr-blue-500: #97acff;--clr-blue-600: #829bff;--clr-blue-700: #6e8bff;--clr-blue-800: #597aff;--clr-blue-900: #4469ff;--clr-blue-1000: #2f59ff;--transition-time-fast: .15s;--transition-time-normal: .3s;--border-radius-small: 4px}*,html{scroll-behavior:smooth!important}body{font-family:Merriweather,serif;font-optical-sizing:auto;font-style:normal;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6,p,span{color:var(--clr-black)}h1{font-size:2.986rem;line-height:1.2}h2{font-size:2.488rem}h3{font-size:2.074rem}h4{font-size:1.728rem}h5{font-size:1.44rem}h6{font-size:1.2rem}#app{margin-bottom:80px}#page-header{background-color:var(--clr-black)}#page-header nav{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px max(4vw,40px);color:#fff;font-size:1.2rem;gap:4rem;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 600px){#page-header nav{gap:1rem}}#page-header nav ul{list-style:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:2rem;padding:unset}#page-header nav p{color:#fff}#page-header nav a{color:#fff;text-decoration:none}#page-header nav .c-header-item-active{padding-bottom:4px;border-bottom:2px solid #f04}.u-centralize-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-loading{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:calc(100dvh - 63px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:color-mix(in srgb,var(--clr-black) 10%,transparent 20%)}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:var(--clr-folly) var(--clr-folly) rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}.loader:after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:rgba(0,0,0,0) var(--clr-folly) var(--clr-folly);width:24px;height:24px;border-radius:50%;-webkit-animation:rotationBack .5s linear infinite;animation:rotationBack .5s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg) scale(1.5);transform:rotate(0) scale(1.5)}to{-webkit-transform:rotate(360deg) scale(1.5);transform:rotate(360deg) scale(1.5)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg) scale(1.5);transform:rotate(0) scale(1.5)}to{-webkit-transform:rotate(360deg) scale(1.5);transform:rotate(360deg) scale(1.5)}}@-webkit-keyframes rotationBack{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotationBack{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.prevent-scrolling{position:fixed;width:100%}.c-loading[data-loaded=true],.c-container[data-loaded=false]{display:none!important}.c-container{width:min(80%,1368px);margin-inline:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.u-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.u-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem}.u-center-y{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.u-center-x{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.u-no-wrap{-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset}.u-inline-scroll{-ms-flex-negative:0;flex-shrink:0;overflow-x:auto}.c-link-regular{text-decoration:none;color:var(--clr-black);border-bottom:1px solid var(--clr-black);-webkit-transition:border-bottom-color var(--transition-time-fast),color var(--transition-time-fast);transition:border-bottom-color var(--transition-time-fast),color var(--transition-time-fast);-webkit-box-sizing:border-box;box-sizing:border-box}.c-link-regular:hover,.c-link-regular:focus{color:color-mix(in srgb,transparent 20%,var(--clr-black) 75%);border-bottom-color:color-mix(in srgb,transparent 20%,var(--clr-black) 75%)}.c-link-regular[data-active=true]{color:var(--clr-blue);border-bottom-color:color-mix(in srgb,transparent 20%,var(--clr-purple) 75%)}.c-section-404{height:calc(100vh - 70.72px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-section-404 ul{margin-top:2rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;gap:1rem}.c-section-404 ul li a{text-decoration:none;color:var(--clr-black);border:2px solid var(--clr-black);border-radius:var(--border-radius-small);padding:10px 20px;font-weight:600;-webkit-transition:border-color var(--transition-time-fast),color var(--transition-time-fast),background-color var(--transition-time-fast);transition:border-color var(--transition-time-fast),color var(--transition-time-fast),background-color var(--transition-time-fast)}.c-section-404 ul li a:hover{color:#fff;background-color:var(--clr-black);border-color:#0000}.c-btn-steam{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none;color:var(--clr-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;border:2px solid var(--clr-black);border-radius:var(--border-radius-small);padding:10px 20px;-webkit-transition:color var(--transition-time-fast),background-color var(--transition-time-fast);transition:color var(--transition-time-fast),background-color var(--transition-time-fast)}.c-btn-steam i{font-size:48px}.c-btn-steam:hover{color:#fff;background-color:var(--clr-black);cursor:pointer}.c-hr-small{width:10%;height:6px;border:none;background-color:#f04}.c-devlog-container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem;-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset;-ms-flex-negative:0;flex-shrink:0;overflow-x:auto}.c-article-card{height:250px;min-width:min(100%,360px);max-width:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border:1px solid color-mix(in srgb,var(--clr-black) 30%,transparent 100%);border-radius:var(--border-radius-small);position:relative;color:#fff;text-decoration:none;overflow:hidden}.c-article-card>*{padding-inline:1rem;z-index:2}.c-article-card p{font-size:.833rem;margin:unset}.c-article-card h3{font-weight:800;margin-bottom:.833rem;text-wrap:wrap;margin-top:unset}.c-article-card img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-9;padding-inline:0;-webkit-filter:grayscale(35%) blur(2px) contrast(120%) opacity(85%);filter:grayscale(35%) blur(2px) contrast(120%) opacity(85%)}.c-article-card-summary{height:0;opacity:0;max-height:127px;overflow-y:hidden;-webkit-transform:translateY(2rem);transform:translateY(2rem);-webkit-transition:height var(--transition-time-normal),opacity var(--transition-time-normal),-webkit-transform var(--transition-time-normal);transition:height var(--transition-time-normal),opacity var(--transition-time-normal),-webkit-transform var(--transition-time-normal);transition:height var(--transition-time-normal),opacity var(--transition-time-normal),transform var(--transition-time-normal);transition:height var(--transition-time-normal),opacity var(--transition-time-normal),transform var(--transition-time-normal),-webkit-transform var(--transition-time-normal)}.c-article-card-summary p{width:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.c-article-card:after{content:"";position:absolute;bottom:0;width:100%;height:35%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(var(--clr-black)));background:linear-gradient(to bottom,transparent,var(--clr-black));z-index:1;-webkit-transition:height var(--transition-time-normal);transition:height var(--transition-time-normal)}.c-article-card:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(hsl(344,100%,50%)),to(hsl(31,100%,40%)));background-image:linear-gradient(to bottom,#f04,#cc6900);z-index:-1;-webkit-transition:opacity var(--transition-time-normal) linear;transition:opacity var(--transition-time-normal) linear;opacity:0}.c-article-card:hover{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.c-article-card:hover .c-article-card-summary{height:127px;opacity:100;-webkit-transform:translateY(0);transform:translateY(0)}.c-article-card:hover:after{height:100%}.c-article-card:hover:before{opacity:1}.c-index{position:sticky;position:-webkit-sticky;top:2rem;padding-inline:20px}.c-index ul{list-style-type:none;margin:0;padding:0;margin-top:1rem;font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c-index ul li{-webkit-box-sizing:border-box;box-sizing:border-box}.c-index-title{font-size:1.44rem;font-weight:700}.c-index-divider{margin-top:.65rem;border-top:4px solid var(--clr-purple);border-radius:8px;width:50%}.c-devlog-section{margin-top:60px;display:grid;grid-template-columns:320px 1fr 320px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.c-devlog-content{max-width:768px;padding-inline:3rem;margin-inline:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:.7rem}.c-devlog-header-image{border-radius:0 0 12px 12px;width:100%;max-height:360px}.c-devlog-subtitle{font-size:1.375rem;font-weight:500;line-height:1;font-style:italic;line-height:1.4}.c-devlog-info{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.c-devlog-info-author{font-weight:700}.c-devlog-info-author-avatar{border-radius:50%}.c-devlog-info-occupation{color:var(--clr-black-1000)}.c-devlog-info-socials{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.c-devlog-info-socials a{text-decoration:none}.c-devlog-info-socials a i{font-size:1.5rem}.c-devlog-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.c-devlog-details>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.c-devlog-details>div>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.c-devlog-tag{background-color:color-mix(in srgb,transparent 20%,var(--clr-purple-100) 100%);color:var(--clr-purple);padding:2px 20px;border-radius:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-devlog-tag:before{content:"⌾"/"";font-weight:700}.c-content-other{position:sticky;position:-webkit-sticky;top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;font-size:.833rem}.c-content-other-heading{font-weight:700;font-size:1.2rem}.c-content-other .c-devlog-details,.c-content-other .c-author-info{background-color:color-mix(in srgb,transparent 20%,var(--clr-blue-100) 40%);padding:24px;border-radius:16px}.c-content-other .c-author-info,#blog-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.c-link-index{color:var(--clr-black);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:64px;text-decoration-style:dotted;text-underline-offset:4px;-webkit-transition:color var(--transition-time-fast),text-decoration-color var(--transition-time-fast);transition:color var(--transition-time-fast),text-decoration-color var(--transition-time-fast)}.c-link-index:hover,.c-link-index:focus{color:var(--clr-blue-1000);text-decoration-color:#0000}.c-link-index[data-active=true]{color:var(--clr-blue);text-decoration-color:#0000}.c-link-index~i{color:var(--clr-blue);-webkit-transition:opacity var(--transition-time-fast);transition:opacity var(--transition-time-fast)}.c-link-index~i[data-active=false]{opacity:0}.c-link-index~i[data-active=true]{opacity:1}
