@import url("https://fonts.googleapis.com/css2?family=Patua+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre&display=swap");@font-face{font-family:Cascadia Code;src:url(/_next/static/media/CascadiaCode.d0cbe3e6.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;padding:0;margin:0;scrollbar-width:thin;scrollbar-color:var(--color-green) transparent}:root{--color-orange:#e07a5f;--color-blue:#3d405b;--color-green:#81b29a;--color-yellow:#f2cc8f;--color-beige:#f4f1de;--background:var(--color-beige);--foreground:var(--color-blue)}@media (prefers-color-scheme:dark){:root{--background:var(--color-blue);--foreground:var(--color-beige)}}h1{font-size:3rem}h1,h2{font-family:Patua One}h2{font-size:36px}h3{font-family:Frank Ruhl Libre;font-size:24px}a,button,input,label,ol,p,select,span,ul{font-family:Cascadia Code;font-size:1rem;font-weight:700;color:var(--color-blue)}a{color:inherit;text-decoration:none}body,html{max-width:100vw;overflow-x:hidden;display:flex;flex-direction:row}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{width:100vw;padding:1.5rem 0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem;height:100lvh}.title-blog{padding:1rem 0}.children-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;height:calc(100vh - 8rem);overflow-y:auto;padding:0 0 1.5rem}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.navigation{padding:.5rem;height:100vh;min-width:18rem;border-right:.2rem solid var(--color-orange);overflow:auto}.navigation .navigation__title{padding:1rem 0;font-weight:bolder}.navigation .navigation--ul{display:flex;flex-direction:column;gap:1rem;list-style:none;cursor:pointer}.navigation--ul-category:hover{background-color:var(--color-green);width:-moz-fit-content;width:fit-content;border-radius:10px}.navigation--ul-subcategory{margin-left:.5rem;display:flex;flex-direction:column;gap:.5rem;list-style:none;cursor:pointer}.navigation--ul-subcategory p:hover{background-color:var(--color-orange);width:-moz-fit-content;width:fit-content;border-radius:10px}.navigation--ul-item{margin-left:1.4rem;padding:.25rem 0;list-style:none}.navigation--ul-item button{background:none;border:none;overflow:hidden;white-space:nowrap;width:15rem;text-overflow:ellipsis;cursor:pointer;text-align:left}.navigation--ul-item button:hover{background-color:var(--color-yellow);border-radius:10px}