@charset "UTF-8";body{background:#fdfdfd;color:#fff}a{color:#000}a{pointer-events:all;color:#000;text-decoration:none}svg{fill:#000}@keyframes fade-in{to{opacity:1}}@keyframes balancing{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes slideToLeft{to{transform:translate3d(calc(-100% + 50px),0,0)}}@keyframes slideToRight{0%{left:-200px}to{transform:translateZ(0)}}:root{font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--base-width: 100%;--color-white: #ffffe3;--bg-color: rgba(255, 255, 255, .95);--dark-bg-color: rgba(46, 39, 39, .95);--grid-gap: 30px;--grid-gap-mobile: 5px;--font-weight-xtra-large: 900;--font-weight-large: 700;--font-weight-medium: 500;--fs-very-big: 4.5rem;--fs-big: 3rem;--fs-bigger-intermediate: 2rem;--fs-bigger-medium-higher: 1.5rem;--fs-bigger-medium: 1.15rem;--fs-medium: 1rem;--fs-regular: .9rem;--fs-small: .7em;--fs-very-small: .5em}*{box-sizing:border-box}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf) format("truetype"),url(/assets/montserrat-variablefont_wght-webfont-Bz5XW72H.woff) format("woff"),url(/assets/montserrat-variablefont_wght-webfont-COZRU-AI.woff2) format("woff2");font-display:swap;font-weight:400 1200}html,body,#root{height:100%;width:100%;margin:0;padding:0;scroll-behavior:smooth;line-height:1.5;font-weight:500;overflow:hidden}canvas{opacity:0;animation:fade-in 5s ease 1.1s forwards}h1{font-size:var(--fs-very-big);font-weight:var(--font-weight-large);color:var(--color-white);text-align:center;margin:0}@property --data-custom-scale{syntax: "<number>"; inherits: false; initial-value: 1;}*:has(>.html-container){visibility:hidden}.html-container{visibility:hidden;transform:translate(50%);transition:transform .3s}.html-container>*{visibility:visible}@keyframes scaleFromZero{0%{transform:scale(1) translate(0)}to{transform:scale(var(--data-custom-scale)) translate(50%)}}.main-container{height:100%;min-height:min-content}*:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}.tags_container{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tags_container>a{width:fit-content}.tags_container .tag{font-size:var(--fs-bigger-medium);box-shadow:0 0 0 1px color-mix(in oklab,var(--dark-bg-color) 35%,transparent);display:flex;overflow:hidden;max-height:30px;gap:10px;border-radius:.75rem;padding:1.1rem;background-color:var(--dark-bg-color);width:fit-content;align-items:center;color:#fff;transition:scale .3s cubic-bezier(.075,.82,.165,1)}.tags_container .tag img{width:25px;transition:scale .3s cubic-bezier(.075,.82,.165,1)}.tags_container .tag img:hover{scale:1.15;animation:balancing 2s ease infinite alternate}.tags_container .tag:hover{scale:1.05}.card{display:grid;grid-template-columns:.5fr 4fr .5fr;overflow:auto;gap:var(--grid-gap);left:0;right:0;background:var(--bg-color);padding:40px 0;border-radius:5px;width:clamp(52%,100%,52vw);max-height:80vh;color:#000;transform:translate(-10%)}.card *{grid-column:2;width:100%;max-height:100%}.card__title{font-size:var(--fs-big);font-weight:var(--font-weight-medium)}.card__description{font-size:var(--fs-bigger-medium);color:#a3a3a3;font-weight:var(--font-weight-medium)}.card__content .content__item{display:grid;grid-template-columns:.5fr 4fr;padding:5px;font-weight:600}.card__content .content__item svg{grid-column:1/1}.card__content .content__item p{grid-column:2/2}.card__close{grid-column:3;grid-row:1;cursor:pointer;width:60%;height:60%;position:relative;place-self:top;transition:scale .2s ease}.card__close:hover{scale:1.1}.card__close:after{content:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6546%202.05106C12.1235%201.58214%2012.1235%200.820611%2011.6546%200.351691C11.1856%20-0.11723%2010.4241%20-0.11723%209.95519%200.351691L6.005%204.30563L2.05106%200.355442C1.58214%20-0.113479%200.820611%20-0.113479%200.351691%200.355442C-0.11723%200.824363%20-0.11723%201.58589%200.351691%202.05481L4.30563%206.005L0.355442%209.95894C-0.113479%2010.4279%20-0.113479%2011.1894%200.355442%2011.6583C0.824363%2012.1272%201.58589%2012.1272%202.05481%2011.6583L6.005%207.70437L9.95894%2011.6546C10.4279%2012.1235%2011.1894%2012.1235%2011.6583%2011.6546C12.1272%2011.1856%2012.1272%2010.4241%2011.6583%209.95519L7.70437%206.005L11.6546%202.05106Z'%20fill='black'/%3e%3c/svg%3e");position:absolute;top:0;right:0;bottom:0;left:0;place-self:center center}@media (max-width: 967px){.card{transform:translate(-40%);column-gap:0;width:60%}}@media (max-width: 768px){.card{transform:translate(-50%,100%);width:100%}}@media (max-width: 576px){.card{grid-template-columns:.3fr 4fr .3fr;transform:translate(-50%,85%);column-gap:0;padding:20px 0;height:100%}.card__title{font-size:var(--fs-bigger-intermediate)}.card__close{margin-left:-15px}.card__close:after{place-self:end}}.about{padding:calc(var(--grid-gap) * 2) 0;display:grid;grid-template-columns:.3fr 4fr .3fr;overflow:auto;gap:var(--grid-gap);width:clamp(60%,100%,52vw);max-height:calc(100vh - 2 * var(--grid-gap));border-radius:5px;background:#fffffff2;color:var(--dark-bg-color);touch-action:pan-y;-webkit-overflow-scrolling:touch;transform:translate(-50%);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.about>*{grid-column:2}.about__title{text-align:left;font-size:var(--fs-bigger-intermediate);font-weight:var(--font-weight-large)}.about__text{font-size:var(--fs-medium);font-weight:var(--font-weight-medium);line-height:1.5}.about__tooltip{background:#000000b3;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;white-space:nowrap;font-family:sans-serif;touch-action:"none"}@media (max-width: 576px){.about{width:95%;gap:var(--grid-gap-mobile);row-gap:var(--grid-gap)}.about__title{font-size:var(--fs-bigger-medium-higher)}}.scroll-container{height:1000vh;width:100vw;overflow:auto;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}:root{--button: hsl(44, 0%, 70%);--button-color: hsl(0, 0%, 4%);--shadow: hsl(0, 0%, 0%);--bg: hsl(53, 0%, 45%);--header: hsl(0, 0%, 41%);--color: hsl(0, 0%, 98%);--lit-header: hsl(0, 0%, 100%);--speed: 2s }@property --swing-y{initial-value: 0; inherits: false; syntax: "<integer>";}@property --swing-x{initial-value: 0; inherits: false; syntax: "<integer>";}body:has(.fourofour){background:var(--bg)!important;color:var(--color)!important}h1.fourofour{perspective:1200px;transform-style:preserve-3d;animation:swing var(--speed) infinite alternate ease-in-out;font-size:clamp(5rem,40vmin,20rem);font-family:"system-ui","sans-serif";margin:0;margin-bottom:1rem;letter-spacing:1rem;transform:translateZ(0);--x: calc(50% + (var(--swing-x) * .5) * 1%);background:radial-gradient(var(--lit-header),var(--header) 45%) var(--x) 100% / 200% 200%;-webkit-background-clip:text;color:transparent}h1.fourofour:after{animation:swing var(--speed) infinite alternate ease-in-out;content:"404";position:absolute;top:0;right:0;bottom:0;left:0;color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc((var(--swing-x, 0) * .05) * 1%),calc((var(--swing-y) * .05) * 1%))}h1.fourofour.no-js:after{content:"JS"}.cloak__wrapper{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.cloak__wrapper>.cloak__container{height:250vmax;width:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloak__wrapper>.cloak__container>.cloak{animation:swing var(--speed) infinite alternate-reverse ease-in-out;height:100%;width:100%;transform-origin:50% 30%;transform:rotate(calc(var(--swing-x) * -.25deg));background:radial-gradient(40% 40% at 50% 42%,transparent,black 35%)}.info{transform-style:preserve-3d;justify-self:center;top:0;right:0;bottom:0;left:0;text-align:center;line-height:1.5;margin-inline:auto;max-width:clamp(16rem,90vmin,25rem)}.info>p{margin-bottom:3rem;font-weight:100!important}.info>a{text-transform:uppercase;padding:1rem 4rem;border-radius:4rem;font-size:.875rem;letter-spacing:.05rem;margin-inline:auto;transition:all .3s ease}.info>a:hover,.info>a:active,.info>a:focus{color:var(--button-color);background:var(--button-hover-color);border:.5px var(--button-color) solid}.info>h2{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:700}@keyframes swing{0%{--swing-x: -100;--swing-y: -100 }50%{--swing-y: 0 }to{--swing-y: -100;--swing-x: 100 }}header{display:grid;position:absolute;z-index:1000000000;height:100%;width:100%;max-width:min(250px,100%);background-color:#333333e1;text-align:center;align-content:center;overflow:hidden;transition:transform .3s ease}header>nav>ul{display:grid;place-items:center;row-gap:20px}header>nav>ul li{width:70%;cursor:pointer}header>nav>ul a{display:grid;width:100%;place-self:center;grid-template-columns:40px 1fr;color:#fff}header>nav>ul a:hover{color:#555555d7}header>nav>ul a svg{font-size:20px}header>nav>ul a svg[data-icon=image-portrait]{font-size:25px}header>nav>ul a span{grid-column:2;place-self:start}header>nav>ul a.active{color:#ff0}header.opened{transform:translate(0)}header.closed{transform:translate(calc(-100% + 50px))}header button{cursor:pointer;height:100%;width:50px;position:absolute;place-self:end;color:transparent;border:none;overflow:hidden;font-size:16px;transition:background-color .3s ease}header button:hover{background-color:#555555e1}header button:before{content:"≡";position:absolute;top:0;right:0;bottom:0;left:0;place-self:center;color:#fff}@media (max-width: 576px){header{bottom:0;height:50px;max-width:100%;place-items:center}header button{display:none}header>nav>ul{grid-template-columns:repeat(4,1fr);gap:15px}header>nav>ul li{min-width:50px}header>nav>ul a{grid-template-columns:1fr;place-items:center;color:#fff;font-size:20px}header>nav>ul span{visibility:hidden;display:none}}body:has(.card) header{z-index:1}