/* Copyright 2024 ChristHeals.me. All Rights Reserved. 2024-06-09 */
* { font-family: serif; vertical-align: baseline; } html, body { height: 100%; margin: 0; -webkit-logical-width: 99.95%; } .width_em40 { --widmax: 40em;} .width_em64 { --widmax: 64em;} .cols_em16 { --colmax: 16em;} .cols_em32 { --colmax: 32em;} .c_red { color: red; } .c_greenish { color: rgb(0, 180, 180); } header#topBanner { display: inline-flex; justify-content: center; width: 100%; border-width: 1em 1em 0 1em; } #banner { display: flex; flex-flow: row wrap; flex-wrap: wrap; justify-content: center; margin: 1em 0 0 0; } #site_logo { object-fit: contain; display: flex; margin: .2em .2em 0 0; } #site_name_box { display: flex; align-self: center; margin: .4em 0 0 .2em; } #site_name_grid { display: grid; flex: auto; grid-template-columns: auto 1fr; grid-template-rows: auto auto; margin-left: .7em; font-size: 125%; } #siteName1 { grid-column: 1; grid-row: 1; } #siteName2 { grid-column: 1; grid-row: 2; } #siteName3 { grid-column: 2; grid-row: 1 / span 2; align-self: end; font-size: 150%; margin: 0 0 .2em .3em; } #siteName1::first-letter, #siteName2::first-letter { font-size: 140%; } .spaced_text { text-align: center; letter-spacing: .7em; font-weight: bold; font-size: 150%; } div > .vertTextBox { transform: rotate(-90deg); margin: 0 0 0 -1em; } h1#s1_h { font-size: 1.75em; text-align: center; bottom: -1em; font-variant: small-caps; font-style: italic; margin: .5em 1em 0 1em; text-wrap: pretty; } @media only screen and (prefers-color-scheme: light) { a:link { color: rgb(0, 100, 0); text-decoration: none; } a:visited { color: rgb(0, 0, 128); text-decoration: none; } a:hover { text-decoration: underline; } body { background-color: rgba(255, 255, 255, 1); } h1, h2, h3, h4, h5, h6 { color: rgb(128, 128, 128); text-shadow: rgba(255, 252, 69, 1) 0rem 0rem 0.08em; } h1#s1_h { color: #489340; text-shadow: rgba(0, 51, 255, 1) 0.2rem 0.3rem 0.7rem; } p, li { color: rgba(0, 0, 0, 1); } header#topBanner { border-image: linear-gradient(#000099, white 80%) 5% round stretch; } div#site_name_grid { color: rgba(0, 6, 208, 1); text-shadow: rgba(255, 252, 69, 1) -0.1rem 0.1rem 2em; } hr#end { background-color: white; } div#footer__page_block { background: linear-gradient(white 12.18%, #acacff 89.08%); } footer#footer__page > #footer__page_block > p > span.site_name > a { color: rgba(0, 0, 140, 1); font-family: sans-serif; } } @media only screen and (prefers-color-scheme: dark) { a:link { color: rgb(128, 128, 128); text-decoration: none; } a:visited { color: rgb(160, 160, 255); text-decoration: none; } a:hover { text-decoration: underline; } body { background-color: black; } h1, h2, h3, h4, h5, h6 { color: rgba(60, 60, 255, 0.84); } h1#s1_h { color: rgba(95, 181, 86, 0.37); text-shadow: #03F 0.1rem 0.1rem 0.5rem; } p, li { color: rgba(200, 200, 200, 1); } header#topBanner { border-image: linear-gradient(#000091, #000 90%) 5% round stretch; } div#site_name_grid { color: rgba(0, 6, 224, 0.67); text-shadow: rgba(255, 252, 69, 1) -0.1rem 0.1rem 0em; } div#page_title { color: rgba(0, 5, 181, 0.77); text-shadow: rgba(224, 220, 0, 1) -0.07rem -0.07rem 0em; } .page_h1 { color: rgba(0, 10, 255, 0.8); text-shadow: rgba(224, 220, 0, 1) 0rem -0.07rem 0rem; } .page_h2, .page_h3 { color: rgba(100, 100, 255, 0.88); } #page_subtitle { color: rgb(160, 160, 160); } .author { color: rgb(120, 120, 120); } #date_published { color: rgb(120, 120, 120); } #tag { color: rgb(120, 120, 120); } hr#end { background-color: blue; } div#footer__page_block { background: linear-gradient(#000, #000091 90%); } footer#footer__page > #footer__page_block > p > span.wrapText__anywhere { color: rgba(255, 56, 255, 0.84); } footer#footer__page > #footer__page_block > p > span.site_name > a { color: rgba(163, 166, 255, 0.66); font-family: sans-serif; } } .f_size_1pt25rem { font-size: 1.25rem; } .f_size_1pt5rem { font-size: 1.5rem; } .f_size_1pt75rem { font-size: 1.75rem; } .f_size_2rem { font-size: 2rem; } .wrapText__anywhere { text-align: center; word-break: break-all; } footer > .wrapText__anywhere { font-family: sans-serif; } .wrapText__words, summary { text-align: center; word-break: normal; } footer > .wrapText__words { font-family: sans-serif; } .no_break { word-break: keep-all; } img { object-fit: scale-down; } div.img_box_holder { display: inline-flex ; width: 100%; justify-content: center ; } div.img_box { align-items: flex-start; } img.intracolumnar_left { display: block; float: left; width: auto; padding-right: .6em; } img.intracolumnar_right { display: block; float: right; width: auto; padding-left: .2em; } img.ending { display: inline-block; width: 0.9rem; margin-bottom: -0.12rem; padding-left: 0.3rem; } .gray { color: gray; } p.center { text-align: center; } p { display: block; font-size: 1.16em; margin-block-start: 0; margin-block-end: 0; text-wrap: pretty; } main#body_main { margin: 0 1em 3em 1em; } .top_margin_1rem { margin-top: 1rem; } .top_margin_2rem { margin-top: 2rem; } .top_margin_3rem { margin-top: 3rem; } .bottom_margin_pt5em { margin-bottom: .5em; } .bottom_margin_0 { margin-bottom: 0em; } #page_title { padding: .4em 0 0 0; text-align: center; font-family: sans-serif; font-size: 3em; font-weight: bold; line-height: .9em; } #page_subtitle { padding: .2em 0 0 0; text-align: center; font-style: italic; font-size: larger; } .authored { --ww_c: calc(100vw); --ww_m: 1060px; --ww_d: calc((var(--ww_c) - var(--ww_m)) / 2); display: flex; padding: 1em 0 0 var(--ww_d); max-width: 63em; } .author { font-family: sans-serif; padding: 0 .5em 0 0; font-weight: bold; } .date_published { padding: 0 1em 0 0; } .smaller { font-size: 1.03rem; } .flex_cent__wid_full { display: flex; justify-content: center; width: 100%; } .pgraphs_cols { flex: 1 1 content; text-align: start; text-indent: 1.3rem; columns: var(--colmax); column-gap: 1.2rem; max-width: var(--widmax); } .pgraphs_cols > h1 { margin: 0 0 0 0; text-align: start; text-indent: .1rem; column-span: all; } .pgraphs_cols > div > h2 { margin: .5rem 0 0 0; text-indent: 0rem; } .pgraphs_cols > div > h3 { margin: .25rem 0 0 0; text-indent: 0rem; } .pgraphs_cols > h4, h5, h6 { margin: .25rem 0 0 0; text-indent: 0rem; } .keep_together { break-inside: avoid; } li { text-indent: 0rem; font-size: 1.1em; margin-block-start: 0; margin-block-end: 0; } hr#end { height: 0.3rem; width: 97%; max-width: var(--widmax); align-content: center; } article#main { border-block-end-color: rgb(0, 0, 167); border-width: 0 0 0.12rem 0; border-style: solid; } .title, .ital { font-style: italic; } footer.authored > p { font-style: italic; } footer#footer__page > #footer__page_block { padding: 0 0 .3rem 0; } footer#footer__page > #footer__page_block > p { margin: 0 0.5rem 0 1em; width: calc(90vw); font-size: smaller; font-family: sans-serif; } footer#footer__page > #footer__page_block > p > span { font-family: sans-serif; } iframe#blog { border-color: transparent; } 