.flexbox{display:flex}.left-to-right.flexbox{flex-direction:row}.right-to-left.flexbox{flex-direction:row-reverse}.top-to-bottom.flexbox{flex-direction:column}.flexbox.space-between{justify-content:space-between}.gray{color:gray}.center{text-align:center}.right{text-align:right}html{width:100vw}#body{margin:.25em}#body hr{margin-top:.5em;margin-bottom:.5em}hr{margin:0}h1{font-size:1.8em}h2{font-size:1.5em}h3{font-size:1.2em}#header-right{margin-left:.5em}#header-right h1{margin-top:.25em;margin-bottom:.25em}#header-right h2{margin-top:.25em;margin-bottom:.25em}.main.menu{font-size:smaller}.menu ul{display:flex;list-style-type:none;margin:0;padding:0}.main.menu li:not(:first-child){margin-left:.5em}.list h3,.single h3{margin-top:.75em;margin-bottom:.75em;font-size:1.8em;text-align:center}.single h3{margin-top:0;margin-bottom:0}.writing.single .content p{text-indent:.5em}.extract{margin:1em}.extract[data-before=true] p:first-child::before{content:"[...] "}.extract[data-after=true] p:last-child::after{content:" [...]"}.extract[data-before=true]:not(:has(p))::before{content:"[...] "}.extract[data-after=true]:not(:has(p))::after{content:" [...]"}.drawing .gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}div.highlight pre{overflow-x:scroll}@media(min-width:960px){#body{margin-left:25%;margin-right:25%}p{line-height:150%}}@media(max-width:949px){p{line-height:130%}}sup{vertical-align:top;position:relative;top:-.5em;font-size:56%}