.material-theme{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--md-sys-typescale-body-large-font)}h1,h2{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);color:var(--md-sys-color-on-surface)}h3{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight)}p,li{font-size:1rem;line-height:1.6;font-family:var(--md-sys-typescale-body-medium-font)}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--md-sys-color-secondary)}h2:after{content:"";width:240px;height:4px;background-color:var(--md-sys-color-secondary);display:block;border-radius:2px}h3{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);color:var(--md-sys-color-primary);margin-bottom:1rem}b{color:var(--md-sys-color-primary)}p,li{font-size:1rem;line-height:1.6}html,body{margin:0;padding:0;font-family:var(--md-sys-typescale-body-large-font);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);scroll-behavior:smooth}body{transition:background-color .3s ease,color .3s ease}section{margin:2rem auto;padding:2rem;max-width:1000px;border-radius:1rem;background-color:var(--md-sys-color-surface-container-low);opacity:.9;box-shadow:var(--md-sys-elevation-level1)}.material-button{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer}.material-button:hover{background-color:var(--md-sys-color-primary-container)}