:root{--c-bg: #fbfbfb;--c-fg: #444444;--c-scroll: #d9d9d9;--c-scroll-hover: #bbbbbb;scrollbar-color:var(--c-scrollbar) var(--c-bg)}html{font-family:system-ui,sans-serif;background-color:var(--c-bg);color:var(--c-fg)}html.dark{--c-bg: #212129;--c-fg: #ddddf0;--c-scroll: #333333;--c-scroll-hover: #555555}main{max-width:70ch;min-height:calc(100vh - 4rem);margin:0 auto;padding:6rem 2rem 4rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:var(--c-scroll);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--c-scroll-hover)}::-webkit-scrollbar-track{background-color:var(--c-bg)}@media screen and (max-width: 768px){main{min-height:calc(100vh - 4.5rem)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.dark::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:999}::view-transition-old(root){z-index:999}::view-transition-new(root){z-index:1}