:root{color-scheme:light dark;font-size:105%;--transition_speed: 0.3s;--sidebar_position: 0;--content_position: 260px;--sidebar_text_color: light-dark(dimgray, lightgray);--sidebar_background_color: light-dark(#E8E8E8, #212121);--sidebar_trigger_color: light-dark(gray, white);--header_background_color: light-dark(#F0F0F0, #27282B);--header_content_color: light-dark(black, #E2E2E2);--main_content_background_color: light-dark(white, #1B1B1B);--main_content_text_color: light-dark(black, white);--post_grid_item_title_color: light-dark(black, honeydew);--post_grid_item_description_color: light-dark(#313131, lightgray);--post_grid_item_date_color: light-dark(#454545, lightgray);--post_grid_item_background_color: light-dark(white, #212121);--post_grid_item_hover_color: light-dark(lightgray, dimgray);--link_color: light-dark(blue, lightblue)}@media screen and (max-width: 1000px){:root{--sidebar_position: calc(260px * -1);--content_position: 0}}:root:has(#sidebar_checkbox:checked){--sidebar_position: 0;--content_position: 260px}:root:not(:has(#sidebar_checkbox:checked)){--sidebar_position: calc(260px * -1);--content_position: 0}@media (prefers-reduced-motion){:root{--transition_speed: none}}@media (prefers-contrast: more){:root{--sidebar_text_color: light-dark(black, white)}}#header{width:100%;height:45px;position:fixed;top:0;left:var(--content_position);background-color:var(--header_background_color);color:var(--header_content_color);transition:var(--transition_speed);display:flex;align-items:center;z-index:9;justify-content:center}@media print{#header{display:none}}#header #header_title{margin-left:45px;margin-right:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;transition:var(--transition_speed)}@media screen and (min-width: 1000px){#header #header_title{margin-right:0}}#header #sidebar_trigger{width:30px;cursor:pointer;display:flex;flex-direction:column;position:absolute;left:10px;z-index:10}#header #sidebar_trigger div{width:100%;height:3px;margin-bottom:5px;background-color:var(--sidebar_trigger_color)}.header-hidden{transform:translateY(-100%);display:none}@media screen and (min-width: 1000px){:root:has(#sidebar_checkbox:checked) #header_title{margin-left:-20%}}