:root { color-scheme: dark; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 800px; margin: auto; padding: 0px 0px 70px 0px; color: #9a9a9a; line-height: 30px; } h1 { font-size: 40px; color: #0095d0; text-align: center; margin-bottom: 40px; } h2 { text-align: center; } h3 { color: #00bf18; } /* There is a bar just before each category */ h3:before { content: ""; display: inline-block; margin-right:1%; width: 16%; height: 10px; background-color: #00bf18; } p { text-align: center; margin-top:0; margin-bottom:7px; } /* Definitions */ dt { float: left; clear: left; width: 17%; font-weight: bold; } dd { margin-left: 17%; margin-bottom:7px; } /* Blockquotes */ blockquote { text-align: center } /* Links */ a { text-decoration: none; color: #0095d0; } a:hover, a:active { background-color: #397249; color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 1px #333; } /* Horizontal separators */ hr { color: #A6A6A6; } table { width: 100%; } /* Print settings */ @media print { body * { background: #c3c3c3; color: #333; line-height: 1.3em; } } /* antispam css */ .arobase::before { content: "\000040"; font-size: inherit !important; } .arobase span { font-size: 1px; font-size: 0.1px; text-indent: -999px; width: 1px; overflow: hidden; }