html { -webkit-hyphens: auto; hyphens: auto; } h1 { margin-top: var(--pico-spacing); } h2, h3, h4, h5, h6 { --pico-font-weight: 400; display: inline; } h2 { --pico-font-size: 1.3rem; --pico-font-weight: 200; } h3 { --pico-font-size: 1.2rem; --pico-font-weight: 200; } h4 { --pico-font-size: 1.1rem; --pico-font-weight: 200; } mark { --pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%); padding: 0; background: var(--pico-mark-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; } main { min-height: 100vh; } details summary { line-height: unset; } .par { margin-bottom: calc(var(--pico-spacing) * 2); } .symb { --pico-font-weight: 700; display: inline-block; margin-right: calc(var(--pico-spacing) / 3); font-weight: var(--pico-font-weight) } .header { --pico-font-weight: 300; font-weight: var(--pico-font-weight); } h4, h5, h6 { --pico-font-weight: 400; display: inline; } h2 { --pico-font-size: 1.3rem; --pico-font-weight: 200; } h3 { --pico-font-size: 1.2rem; --pico-font-weight: 200; } h4 { --pico-font-size: 1.1rem; --pico-font-weight: 200; } details summary { line-height: unset; } ul { margin: var(--pico-spacing) 0; padding: 0; } ul > li { list-style: none; margin: 1rem 0; } ul > li > ul { padding: 0 2rem; } ul > li > ul > li { list-style: square; } button { --pico-form-element-spacing-vertical: 0.25rem; } .btn-open, .btn-close { position: fixed; bottom: 1rem; font-size: .8rem; } .btn-open { right: 9rem; } .btn-close { right: 1rem; } .par { margin-bottom: calc(var(--pico-spacing) * 2); } .symb { --pico-font-weight: 700; display: inline-block; margin-right: calc(var(--pico-spacing) / 3); font-weight: var(--pico-font-weight) } .header { --pico-font-weight: 300; font-weight: var(--pico-font-weight); } .content { display: block; } .note { --pico-font-weight: 200; font-weight: var(--pico-font-weight); display: block; font-style: italic; padding: calc(var(--pico-spacing) / 3) 0; }