@layer reset,default,atom,molecule,organism;@layer reset{*{--font-family:rubik,sans-serif;box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:6rem}body{background-color:var(--color-background);color:var(--color-text);line-height:1.5;overflow-x:hidden}main{display:flex;flex-direction:column;min-height:100dvh;transition:all .3s ease-in-out}img{border-radius:var(--space-corner-s);display:block;height:auto;max-width:100%}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}h1{font-size:2rem}h1,h2{font-weight:700}h2{font-size:1.5rem}h3{font-size:1.125rem}h3,h4{font-weight:700}h4{font-size:1rem}a,h5,h6,p,span{font-size:1rem;font-weight:400}.tiny-text,a,p,span{line-height:160%}.tiny-text{font-size:.75rem;font-weight:400}code{--code-font-family:"Courier New",courier,monospace;font-family:var(--code-font-family);font-size:1rem}}@layer organism{.card-container{container:card/inline-size;height:100%}.card-wrapper{height:100%}.card-wrapper--loading{animation:loading-pulse 1.5s infinite;display:block;height:12rem;pointer-events:none;width:100%}.card,.card-wrapper--loading{background-color:var(--color-alt)}.card{border-radius:var(--space-corner-s);display:grid;gap:var(--space-m);grid-template-columns:1fr 2fr;height:100%;padding:var(--space-m);transition:box-shadow .3s ease,scale .3s ease}.card__image{height:10rem;width:100%}.card__image,.card__image-fallback{-o-object-fit:cover;object-fit:cover}.card__image-fallback{background-color:var(--color-alt);border-radius:var(--space-corner-s);display:grid;height:10rem;padding:var(--space-m);place-items:center;text-align:center;width:100%}.card__content{gap:var(--space-m)}.card__content,.card__heading{display:flex;flex-direction:column}.card__heading{gap:var(--space-s)}.card:hover{box-shadow:10px 10px 20px #0000001a;scale:1.01}@container card (max-width: 500px){.card{grid-template-columns:1fr}}@keyframes loading-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}}:root{--space:0;--space-xxs:.25rem;--space-xs:.375rem;--space-s:.5rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--space-corner:0;--space-corner-s:.25rem;--space-corner-m:.375rem;--space-corner-l:.5rem;--space-corner-xl:1rem;--space-stroke-s:1px;--space-stroke-m:2px}.loading-enter-active,.loading-leave-active{transition:opacity .5s ease}.loading-leave-active{position:absolute}.loading-enter-from,.loading-leave-to{opacity:0}@layer reset,default,atom,molecule,organism;:root{--color-text:#0d0d0d;--color-background:#fff;--color-alt:rgb(0 0 0/5%);--color-primary:#000;--color-secondary:#fff;--color-tertiary:#666;--color-accent:#f2f2f2}@layer reset{*{--font-family:rubik,sans-serif;box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:6rem}body{background-color:var(--color-background);color:var(--color-text);line-height:1.5;overflow-x:hidden}main{display:flex;flex-direction:column;min-height:100dvh;transition:all .3s ease-in-out}img{border-radius:var(--space-corner-s);display:block;height:auto;max-width:100%}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}h1{font-size:2rem}h1,h2{font-weight:700}h2{font-size:1.5rem}h3{font-size:1.125rem}h3,h4{font-weight:700}h4{font-size:1rem}a,h5,h6,p,span{font-size:1rem;font-weight:400}.tiny-text,a,p,span{line-height:160%}.tiny-text{font-size:.75rem;font-weight:400}code{--code-font-family:"Courier New",courier,monospace;font-family:var(--code-font-family);font-size:1rem}}@layer layout{.allposts__container{display:grid;gap:var(--space-m);grid-template-columns:1fr;grid-template-rows:1fr}.allposts{display:flex;flex-direction:column;gap:var(--space-m);grid-column:1/2;grid-row:1/2;margin-bottom:var(--space-xxl);width:100%}.allposts--footer{border-top:var(--space-stroke-s) solid var(--color-text);padding-top:var(--space-xxl)}.allposts__tags{display:flex;flex-flow:row wrap;gap:var(--space-m)}.allposts__tags .tag{cursor:pointer}.allposts__list{display:flex;flex-direction:column;gap:var(--space-xl)}@media (min-width:768px){.allposts__list--columns{display:grid;gap:var(--space-xl);grid-template-columns:repeat(var(--columns),1fr)}}.allposts__more:hover{text-decoration:underline}}.allposts{--columns:var(--418fdeae)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}