html,body{height:100%}body{background-color:var(--bgColor)}p{font-family:var(--reading-font),sans-serif;font-size:var(--reading-size);padding:var(--reading-padding);line-height:1.5;font-weight:var(--reading-weight);color:var(--bright)}.no-padding{padding:0}h1{font-family:var(--header-font),sans-serif;font-size:var(--header-size);font-weight:var(--header-weight);padding:var(--haeder-padding);color:var(--bright)}.narrow-page-grid{display:grid;grid-template-columns:[nav-1] 1fr [nav-2] min(700px,80%) [nav-3] 1fr;grid-template-areas:"narrowLeftMargin narrowPage narrowRightMargin"}.narrow-page-area{grid-area:narrowPage}.page-grid{display:grid;grid-template-columns:[nav-1] 1fr [nav-2] min(1920px,90%) [nav-3] 1fr;grid-template-areas:"leftMargin page rightMargin"}.page-area{grid-area:page}.site-grid{display:grid;grid-template-columns:[nav-1] var(--site-padding) [nav-2] 1fr [nav-3] var(--site-padding);grid-template-rows:[nav-row] var(--nav-height) [main-row] minmax(calc(100dvh - var(--nav-height) - var(--footer-height)),auto) [footer-row] var(--footer-height);grid-template-areas:"leftMargin nav rightMargin" "leftMargin main rightMargin" "footer footer footer"}.main-area{grid-area:main}.nav-area{grid-area:nav}.side-area{grid-area:side}.reading__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"a b";gap:3px;justify-content:start;align-content:start;background-color:var(--transparent);width:100%;height:auto}.reading__grid--left{grid-area:a;justify-items:start}.reading__grid--right{grid-area:b;justify-items:start}.reading__grid--text{padding:3px;text-align:start}.reading__grid--image{position:relative;max-width:100%;padding:3px;display:block}.reading__grid--smallImage{position:relative;max-width:50%;padding:3px;display:block}.vid__default{width:100%;height:auto;margin:0 auto}.vid__default--small{width:80%}.img__default{position:relative;max-width:100%;padding:3px;display:block;margin:auto}.img__default--lessPadding{padding:1.5px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background-color:var(--bgColor)}.grid--small{grid-template-columns:repeat(2,1fr)}.grid--small2Medium{grid-template-columns:repeat(3,1fr)}.grid--medium{grid-template-columns:repeat(4,1fr)}.grid--large{grid-template-columns:repeat(5,1fr)}*{box-sizing:border-box;margin:0;padding:0}