:root{scrollbar-width:thin;scroll-behavior:smooth;--bg-main: #fafaf9;--bg-secondary: #292524;--fg-main: #1c1917;--fg-secondary: #57534e}:root.dark{--bg-main: #1c1917;--bg-secondary: #f5f5f4;--fg-main: #fafaf9;--fg-secondary: #d6d3d1}.nested{color:inherit;line-height:1;display:inherit;font-weight:600;-webkit-user-select:none;user-select:none;position:relative;align-items:center;word-wrap:break-word;text-decoration:none;border-radius:.5rem;max-width:min-content;justify-content:center;transition:color .15s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(var(--bg-main),.5)}.nested svg{transition:transform .15s cubic-bezier(.4,0,.2,1)}.nested:focus-visible{outline:.125rem solid currentcolor}@media (hover: hover){.nested:hover{color:var(--fg-secondary)}}#root{gap:1rem;width:100%;margin:auto;display:flex;padding:1rem;min-height:100dvh;align-items:center;flex-direction:column;font-family:Raleway Variable,sans-serif;accent-color:#22c55e;background:var(--bg-main);justify-content:space-between;transition:background-color .15s cubic-bezier(.4,0,.2,1)}#root>svg{flex-grow:1;margin-top:4.75rem}::selection{color:var(--bg-main);background:#22c55e}main{max-width:36rem;margin-top:4.75rem}a,button{border:none;line-height:1;cursor:pointer;position:relative;color:currentcolor;text-decoration:none;word-wrap:break-word;border-radius:.5rem;background:transparent;-webkit-tap-highlight-color:rgba(var(--bg-main),.5)}a:focus-visible,button:focus-visible{outline:.125rem solid currentcolor}.internal{padding:.25rem .5rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.internal.current{background:#78716c80}@media (hover: hover){.internal:hover{background:#78716c80}}.external:before{left:0;width:100%;content:"";display:block;height:.125rem;bottom:-.375rem;position:absolute;transform:scaleX(0);border-radius:.5rem;background:currentcolor;transform-origin:bottom right;transition:transform .15s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.external:hover:before{transform:scaleX(1);transform-origin:bottom left}}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fake-api-forum/assets/raleway-cyrillic-ext-wght-normal-Dc5xu4We.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fake-api-forum/assets/raleway-cyrillic-wght-normal-CqKTn0sv.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fake-api-forum/assets/raleway-vietnamese-wght-normal-wikBsL6_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fake-api-forum/assets/raleway-latin-ext-wght-normal-Dm8rnUUK.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fake-api-forum/assets/raleway-latin-wght-normal-B0Bc4KU0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}#home{flex-grow:1;align-content:center;color:var(--fg-main);transition:color .15s cubic-bezier(.4,0,.2,1)}#home h1{margin:0;padding-top:.75rem}#home h1 img{vertical-align:middle}#home h1,#home h2{text-align:center}#home h2,#home h3,#home span{font-weight:600}#home h1,#home h2,#home h3{-webkit-user-select:none;user-select:none}#home p{font-weight:500;text-align:justify;line-height:1.25rem}.js{color:#f0db4f}.ts{color:#007acc}.react{color:#61dafb}.css{color:#639}.scss{color:#c69}#no-page{gap:2.5rem;flex-grow:1;display:flex;align-items:center;color:var(--fg-main);flex-direction:column;justify-content:center;transition:color .15s cubic-bezier(.4,0,.2,1)}#no-page h1{margin:0;font-weight:600;font-size:2.5rem;padding-top:1.25rem;color:#ef4444}#no-page h2{font-weight:500}#no-page h1,#no-page h2{-webkit-user-select:none;user-select:none;text-align:center}#no-page a{font-size:1.25rem;margin-right:1rem}@media (hover: hover){#no-page a:hover svg{transform:translate(-.25rem)}}footer{gap:.5rem;display:inherit;font-weight:500;min-height:4rem;-webkit-user-select:none;user-select:none;align-items:center;font-size:1.125rem;padding-bottom:1rem;color:var(--fg-main);flex-direction:column;transition:color .15s cubic-bezier(.4,0,.2,1)}footer svg{vertical-align:middle}#navbar{z-index:1;width:100%;position:fixed;padding:0 1rem;max-width:38rem;pointer-events:none}nav{gap:.5rem;display:flex;-webkit-user-select:none;user-select:none;align-items:center;box-shadow:0 0 .125rem 0 var(--fg-main);pointer-events:auto;color:var(--bg-main);border-radius:.5rem;padding:.75rem 1.25rem;justify-content:space-between;background:var(--bg-secondary);transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}nav.hidden{transform:translateY(-5rem)}nav div{gap:.5rem;display:inherit}#albums{width:100%}#albums section{gap:0 1rem;display:flex;flex-wrap:wrap;justify-content:center}#albums .album-card{gap:1.25rem;display:flex;padding:1rem;margin:1rem 0;width:17.5rem;box-shadow:0 0 .125rem 0 var(--fg-main);align-items:flex-end;flex-direction:column;border-radius:.5rem;justify-content:space-between}#albums .album-card svg{flex-shrink:0}#albums .album-card h2{margin:0;gap:.375rem;min-width:100%;font-weight:500;font-size:1.25rem;line-height:1.5rem;display:inline-flex}#albums .album-card button{position:relative}#albums .album-card a{font-size:1.125rem}@media (hover: hover){#albums .album-card a:hover svg{transform:translate(.25rem)}}#page-header{gap:.25rem;display:flex;align-items:center;justify-content:center}#page-header a{margin-left:-1rem;font-size:1.125rem}@media (hover: hover){#page-header a:hover svg{transform:translate(-.25rem)}}#page-header h1{margin:0;font-weight:600;font-size:1.5rem;-webkit-user-select:none;user-select:none;text-align:center;padding:.75rem 0}#page-header h1 svg{vertical-align:sub}#photos{width:100%}#photos section{gap:0 1rem;display:flex;flex-wrap:wrap;justify-content:center}#photos .photo-card{overflow:clip;margin:1rem 0;width:9.375rem;height:9.375rem;box-shadow:0 0 .125rem 0 var(--fg-main);border-radius:.5rem}#posts{width:100%}#posts .post-card{display:flex;padding:1rem;margin:1rem 0;box-shadow:0 0 .125rem 0 var(--fg-main);flex-direction:column;border-radius:.5rem}#posts .post-card section{overflow:clip;transition:height .3s cubic-bezier(.4,0,.2,1)}#posts .post-card svg{flex-shrink:0;vertical-align:sub}#posts .post-card h2{margin:0;gap:.375rem;font-weight:500;font-size:1.25rem;line-height:1.5rem;display:inline-flex}#posts .post-card button{gap:.25rem}#posts .post-card button .chevron{transition:transform .15s cubic-bezier(.4,0,.2,1)}#posts .post-card button .chevron.down{transform:rotate(90deg)}#posts .post-card ul{padding:.125rem;margin:.125rem 0}#posts .post-card li{list-style:none;margin-top:.75rem;box-shadow:0 0 .125rem 0 var(--fg-main);border-radius:.5rem;padding:.75rem 1.625rem}#posts .post-card li h3{margin:0;gap:.5rem;font-weight:600;font-size:.875rem;line-height:1.25rem;display:inline-flex}#posts .post-card li p{font-size:.875rem;margin:.5rem 0}#todos{width:100%}#todos .todo-card{display:flex;padding:1rem;margin:1rem 0;box-shadow:0 0 .125rem 0 var(--fg-main);flex-direction:column;border-radius:.5rem}#todos .todo-card.completed{background:#22c55e80}#todos .todo-card svg{flex-shrink:0}#todos .todo-card h2{margin:0;gap:.375rem;font-weight:500;font-size:1.25rem;line-height:1.5rem;display:inline-flex}#users{width:100%}#users .user-card{display:flex;padding:1rem;margin:1rem 0;box-shadow:0 0 .125rem 0 var(--fg-main);flex-direction:column;border-radius:.5rem}#users .user-card svg{flex-shrink:0}#users .user-card h2{gap:.375rem;margin-top:0;font-weight:500;font-size:1.25rem;line-height:1.5rem;display:inline-flex;margin-bottom:.5rem}#users .user-card h2 span{font-weight:300;display:contents;font-style:italic}#users .user-card p{gap:.5rem;font-size:1rem;font-weight:500;margin:.5rem 0;line-height:1.25rem;display:inline-flex}