.ipa { &:before { content: "/"; } &:after { content: "/"; } } .word_fs { font-weight: bold; } .todo { &:before { content: "[ToDo] "; } padding: 4px; background-color: red; color: white; font-weight: bold; } section { &.chapter { margin-bottom: 16px; & > header { font-size: 1.6em; margin-bottom: 6px; } & > * { margin-left: 12px; } } &.section { margin-bottom: 14px; & > header { font-size: 1.4em; margin-bottom: 4px; } & > * { margin-left: 8px; } } &.subsection { margin-bottom: 12px; & > header { font-size: 1.2em; margin-bottom: 2px; } & > * { margin-left: 4px; } } &.pseudo { & > header { font-style: italic; } } } table { border-collapse: collapse; } th,td { border: 1px solid black; font-size: 0.8em; padding: 4px; } body { background-color: hsv(0,0%,80%); } #mid { background-color: hsv(0,0%,100%); box-shadow: 2px 2px 2px hsv(0,0%,50%); padding: 80px 40px; max-width: 1000px; margin: auto; }