* { margin: 0; padding: 0; box-sizing: border-box; hyphens: auto; /*word-break: break-all;*/ } html { min-height: 100%; min-width: 100%; display: flex; flex-direction: column; } body { min-height: 100%; width: 100%; display: flex; flex-direction: column; flex-grow: 1; font-family: Verdana, sans-serif; font-size: 11pt; text-align: center; } div#page, div#divbodyholder, div#cgit { background-color: var(--bg-color); padding: 3px 0px 3px 0px; min-height: 100%; width: 100%; flex-grow: 1; /*background-image: url(/icons/collage.png); background-size: contain; background-attachment: fixed; background-repeat: repeat;*/ } div.inner_page { position: relative; width: 65%; align-items: center; justify-content: center; margin: 0px auto 0px auto; border-width: 0px; border-color: var(--theme-color); border-style: solid; border-radius: 15px; box-shadow: 0px 0px 33px 14px #000000; } div.page_header { padding-top: 2em; padding-bottom: 2em; width: 100%; display: flex; justify-content: center; background-color: var(--theme-color); border-radius: 15px 15px 0 0; } div.page_header img { margin: 3px 0px 0px 40px; border: 0px 0px 0px; } div.table_of_contents { clear: center; min-width: 200px; margin: 3px 3px 3px 3px; padding: 10px; background-color: var(--bg-color); text-align: center; } div.table_of_contents_item { clear: center; text-align: center; width: 100%; margin: 4px 0px 0px 0px; background-color: var(--bg-color); color: var(--text-color); } div.table_of_contents_item a { margin: 6px 0px 0px 6px; } div.content_section, div.content { margin: 3px 3px 3px 3px; background-color: var(--bg-color); text-align: left; } div.content_section_text, div.content { padding: 4px 8px 4px 8px; color: var(--text-color); } a.ablack { color: var(--bg-color); text-decoration: none; } div.subtitle { margin-bottom: 2ex; text-align: center; } div#footer { padding-top: 5px; color: var(--text-color); } div.content_section_text pre { margin: 8px 0px 8px 0px; padding: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--text-color); background-color: var(--bg-color); font-style: italic; } div.content_section_text p, div.content p { margin-bottom: 6px; text-align: left; } div.content_section_text p:first-letter, div.content:first-letter { font-size: 15pt; } ul, ol { padding: 4px 8px 4px 16px; margin-left: 1%; text-align: left; } div.section_header, summary.section_header { padding: 3px 6px 3px 6px; border-radius: 15px; background-color: var(--theme-color); color: var(--bg-color); font-weight: bold; font-size: 112%; text-align: center; } div.section_header_last { border-radius: 0px 0px 15px 15px; } .floating_element { color: var(--bg-color); position: relative; background-color: var(--theme-color); border-radius: 0px 0px 20px 20px; img { max-width: 13%; display: block; } } table.services_table { border-collapse: collapse; padding: 5px 20px 15px 20px; margin: 10px auto 10px auto; } tr.services_table_item { border-top: 1px solid var(--text-color); border-bottom: 1px solid var(--text-color); } td:nth-of-type(5) { word-break: break-all; } /*img.floating_element { justify-content: center; position: relative; float: left; max-width: 13%; }*/ a { color: var(--text-color); word-break: break-all; } a:hover { text-decoration: underline; font-weight: bold; color: var(--text-color); } div.section_header_last a:visited, div.section_header_last a:link, div.section_header_last a:active { font-weight: initial; } div.section_header_last a:hover { text-decoration: underline; font-weight: bold; color: var(--text-color); } .word-break { word-break: all; } div.validator { } /* * There was a CSS snippet to reset custom browser behaviour * https://stackoverflow.com/a/19184796 * */