:root{--color-primary:#D0BCFF;--color-on-primary:#381E72;--color-primary-container:#4F378B;--color-on-primary-container:#EADDFF;--color-secondary:#CCC2DC;--color-on-secondary:#332D41;--color-secondary-container:#4A4458;--color-on-secondary-container:#E8DEF8;--color-tertiary:#EFB8C8;--color-on-tertiary:#492532;--color-tertiary-container:#633B48;--color-on-tertiary-container:#FFD8E4;--color-error:#F2B8B5;--color-on-error:#601410;--color-error-container:#8C1D18;--color-on-error-container:#F9DEDC;--color-surface:#141218;--color-on-surface:#E6E0E9;--color-surface-variant:#49454F;--color-on-surface-variant:#CAC4D0;--color-inverse-surface:#E6E0E9;--color-inverse-on-surface:#322F35;--color-surface-container-highest:#36343B;--color-surface-container-high:#2B2930;--color-surface-container:#211F26;--color-surface-container-low:#1D1B20;--color-surface-container-lowest:#0F0D13;--color-surface-tint:#D0BCFF;--color-surface-tint-color:#D0BCFF;--color-outline:#938F99;--color-outline-variant:#49454F;--color-scrim:#000000;--color-shadow:#000000}@media(prefers-color-scheme:light){:root{--color-primary:#6750a4;--color-on-primary:#ffffff;--color-primary-container:#eaddff;--color-on-primary-container:#4f378b;--color-secondary:#625b71;--color-on-secondary:#ffffff;--color-secondary-container:#e8def8;--color-on-secondary-container:#4a4458;--color-tertiary:#7d5260;--color-on-tertiary:#ffffff;--color-tertiary-container:#ffd8e4;--color-on-tertiary-container:#633b48;--color-error:#b3261e;--color-on-error:#ffffff;--color-error-container:#f9dedc;--color-on-error-container:#8c1d18;--color-surface:#fef7ff;--color-on-surface:#1d1b20;--color-surface-variant:#e7e0ec;--color-on-surface-variant:#49454f;--color-inverse-surface:#322f35;--color-inverse-on-surface:#f5eff7;--color-surface-container-highest:#e6e0e9;--color-surface-container-high:#ece6f0;--color-surface-container:#f3edf7;--color-surface-container-low:#f7f2fa;--color-surface-container-lowest:#ffffff;--color-surface-tint:#6750a4;--color-surface-tint-color:#6750a4;--color-outline:#79747e;--color-outline-variant:#cac4d0;--color-scrim:#000000;--color-shadow:#000000}}:root{--shape-corner-none:0px;--shape-corner-extra-small:4px;--shape-corner-small:8px;--shape-corner-medium:12px;--shape-corner-large:16px;--shape-corner-extra-large:28px;--shape-corner-full:9999px}@font-face{font-family:roboto mono;src:url(https://tomerhanochi.com/ttf/RobotoMono-Regular.e4bf45837847d4abfa5a502b807a83393aa138727bdb9ea9c93fb17d53208d95.ttf);font-weight:400}@font-face{font-family:roboto mono;src:url(https://tomerhanochi.com/ttf/RobotoMono-Medium.2bee0e92e0676d233ef433273a624e0a19f8665bbb7d12365c3e50a3a749e203.ttf);font-weight:500}:root{--typescale-display-large-font:"Roboto Mono", sans-serif;--typescale-display-large-line-height:4rem;--typescale-display-large-size:3.5625rem;--typescale-display-large-weight:400;--typescale-display-medium-font:"Roboto Mono", sans-serif;--typescale-display-medium-line-height:3.25rem;--typescale-display-medium-size:2.8125rem;--typescale-display-medium-weight:400;--typescale-display-small-font:"Roboto Mono", sans-serif;--typescale-display-small-line-height:2.75rem;--typescale-display-small-size:2.25rem;--typescale-display-small-weight:400;--typescale-headline-large-font:"Roboto Mono", sans-serif;--typescale-headline-large-line-height:2.5rem;--typescale-headline-large-size:2rem;--typescale-headline-large-weight:400;--typescale-headline-medium-font:"Roboto Mono", sans-serif;--typescale-headline-medium-line-height:2rem;--typescale-headline-medium-size:1.75rem;--typescale-headline-medium-weight:400;--typescale-headline-small-font:"Roboto Mono", sans-serif;--typescale-headline-small-line-height:1.75rem;--typescale-headline-small-size:1.5rem;--typescale-headline-small-weight:400;--typescale-title-large-font:"Roboto Mono", sans-serif;--typescale-title-large-line-height:2rem;--typescale-title-large-size:1.375rem;--typescale-title-large-weight:400;--typescale-title-medium-font:"Roboto Mono", sans-serif;--typescale-title-medium-line-height:1.75rem;--typescale-title-medium-size:1.25rem;--typescale-title-medium-weight:500;--typescale-title-small-font:"Roboto Mono", sans-serif;--typescale-title-small-line-height:1.5rem;--typescale-title-small-size:1rem;--typescale-title-small-weight:500;--typescale-body-large-font:"Roboto Mono", sans-serif;--typescale-body-large-line-height:1.5rem;--typescale-body-large-size:0.875rem;--typescale-body-large-weight:400;--typescale-body-medium-font:"Roboto Mono", sans-serif;--typescale-body-medium-line-height:1.25rem;--typescale-body-medium-size:0.875rem;--typescale-body-medium-weight:400;--typescale-body-small-font:"Roboto Mono", sans-serif;--typescale-body-small-line-height:1rem;--typescale-body-small-size:0.75rem;--typescale-body-small-weight:400;--typescale-label-large-font:"Roboto Mono", sans-serif;--typescale-label-large-line-height:1.25rem;--typescale-label-large-size:0.875rem;--typescale-label-large-weight:500;--typescale-label-medium-font:"Roboto Mono", sans-serif;--typescale-label-medium-line-height:1rem;--typescale-label-medium-size:0.75rem;--typescale-label-medium-weight:500;--typescale-label-small-font:"Roboto Mono", sans-serif;--typescale-label-small-line-height:0.875rem;--typescale-label-small-size:0.6875rem;--typescale-label-small-weight:500}body{background:var(--color-surface);max-width:min(100vw,768px);margin:auto;padding:1rem;> header { color: var(--color-primary); margin-bottom: 1rem; h1 { font-family: var(--typescale-display-large-font); font-size: var(--typescale-display-large-size); font-weight: var(--typescale-display-large-weight); line-height: var(--typescale-display-large-line-height); } } > nav { display: flex; justify-content: center; width: 100%; padding: 1rem 0; ul { display: flex; flex-direction: row; justify-content: space-evenly; list-style: none; width: 100%; margin: 0; padding: 0; li { margin: 0; a { color: var(--color-on-surface); border-radius: var(--shape-corner-large); font-family: var(--typescale-label-large-font); font-size: var(--typescale-label-large-size); font-weight: var(--typescale-label-large-weight); line-height: var(--typescale-label-large-line-height); weight: var(--typescale-label-large-weight); padding: 0.5rem 1rem; text-decoration: none; } a:hover { background: var(--color-surface-variant); color: var(--color-on-surface-variant); } } } } > hr { color: var(--color-primary); }}header{text-align:center}main{word-break:keep-all;h1, h2, h3, h4, h5, h6 { margin: 0.25rem 0; } h1 { font-family: var(--typescale-headline-medium-font); font-size: var(--typescale-headline-medium-size); font-weight: var(--typescale-headline-medium-weight); line-height: var(--typescale-headline-medium-line-height); } h2 { font-family: var(--typescale-headline-small-font); font-size: var(--typescale-headline-small-size); font-weight: var(--typescale-headline-small-weight); line-height: var(--typescale-headline-small-line-height); } h3 { font-family: var(--typescale-title-large-font); font-size: var(--typescale-title-large-size); font-weight: var(--typescale-title-large-weight); line-height: var(--typescale-title-large-line-height); } h4 { font-family: var(--typescale-title-medium-font); font-size: var(--typescale-title-medium-size); font-weight: var(--typescale-title-medium-weight); line-height: var(--typescale-title-medium-line-height); } h5, h6 { font-family: var(--typescale-title-small-font); font-size: var(--typescale-title-small-size); font-weight: var(--typescale-title-small-weight); line-height: var(--typescale-title-small-line-height); } p, li, summary { font-family: var(--typescale-body-medium-font); font-size: var(--typescale-body-medium-size); font-weight: var(--typescale-body-medium-weight); line-height: var(--typescale-body-medium-line-height); } code, table { font-family: var(--typescale-body-small-font); font-size: var(--typescale-body-small-size); font-weight: var(--typescale-body-small-weight); line-height: var(--typescale-body-small-line-height); } time { font-family: var(--typescale-title-small-font); font-size: var(--typescale-title-small-size); font-weight: var(--typescale-title-small-weight); line-height: var(--typescale-title-small-line-height); } header { background: var(--color-primary); border-radius: var(--shape-corner-large); color: var(--color-on-primary); padding: 0.5rem; h1 { font-family: var(--typescale-headline-large-font); font-size: var(--typescale-headline-large-size); font-weight: var(--typescale-headline-large-weight); line-height: var(--typescale-headline-large-line-height); } } a { color: var(--color-on-surface); } mark { background: var(--color-surface-variant); color: var(--color-on-surface-variant); } blockquote { background: var(--color-surface-variant); border-left: 0.25rem solid var(--color-on-surface-variant); color: var(--color-on-surface-variant); padding: 0.25rem 1rem; margin: 0rem; } table { margin: auto; border: 1px solid var(--color-on-surface-variant); border-collapse: collapse; color: var(--color-on-surface); text-align: center; td, th { padding: 0.25rem; border: 1px solid var(--color-on-surface-variant); border-collapse: collapse; } thead, tfoot { background: var(--color-surface-variant); color: var(--color-on-surface-variant); } } section { color: var(--color-on-surface); padding: 0.25rem 1rem; } details { background: var(--color-secondary-container); border-radius: var(--shape-corner-medium); color: var(--color-on-secondary-container); margin: 0.5rem 0; padding: 0.25rem 1rem; summary { display: flex; justify-content: left; font-family: var(--typescale-title-small-font); font-size: var(--typescale-title-small-size); font-weight: var(--typescale-title-small-weight); line-height: var(--typescale-title-small-line-height); padding: 0.5rem 0; &::marker { content: ""; } &::before { margin-right: 1rem; content: "+"; } [open] &::before { content: "-"; } } } img, iframe, video { width: 100%; } div.footnotes > ol, div:has(> table), pre:has(> code) { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100vw; } pre:has(> code) { border-radius: var(--shape-corner-small); padding: 1rem; } p:has(> img) { text-align: center; }}