:root{--page-margin:clamp(10px,3%,40px);--side-nav:calc(200px + var(--page-margin));--content-width:calc(100% - 2 * var(--side-nav));--full-width:calc(100% - 2 * var(--page-margin));--mobile-width:calc(100% - 2 * var(--page-margin));--pdf-width:100%;--page-color:#e9e9e9;--text-color-default:#000;--text-color-red:#c70000;--max-site-width:1800px;--content-gap:clamp(10px,3%,30px)}body,html{margin:0;padding:0;height:100%;background-color:var(--page-color);color:var(--text-color-default)}body{font-family:Lato,sans-serif}h1{font-weight:400}h1,h1 span{font-size:30px}h1 span{display:none;letter-spacing:-5px}h2{font-size:30px}h2,h3{font-weight:400}h3{font-size:24px}li a{font-size:18px}nav a{text-decoration:none;display:block;color:#000;cursor:pointer}nav ul{margin-top:0;list-style-type:none;padding-left:0}nav li:hover{font-style:italic}nav li{list-style-type:none;margin-left:0;padding:0 0 12px}p a{color:inherit;text-decoration:none;cursor:pointer}@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;1,100;1,300;1,400&display=swap");.main-header{background-color:transparent;margin-bottom:20px;margin-top:20px;min-height:34px}.content-width{width:calc(100% - 2 * clamp(10px, 3%, 40px))}.center-container{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:var(--max-site-width)}.nav-width{width:100%}.bk-blend{mix-blend-mode:exclusion;color:#fff}.mobile-header-resize{margin-top:32px;font-size:22px}.red-text{color:var(--text-color-red)}.iframe-container{width:100%;aspect-ratio:1/1}.true-neutral-container{align-self:center;width:var(--mobile-width)}.chaotic-neutral-container{align-self:center;width:100%}.lawful-evil-container,.lawful-good-container{align-self:center;width:var(--mobile-width)}.chaotic-evil-container{align-self:flex-start}.chaotic-evil-container,.chaotic-good-container{width:calc(var(--mobile-width) + var(--page-margin))}.chaotic-good-container{align-self:end}.lawful-neutral-left-container,.lawful-neutral-right-container,.neutral-evil-container,.neutral-good-container{align-self:center;width:var(--mobile-width)}@media screen and (min-width:640px){.mobile-header-resize{margin-top:20px;font-size:30px}.iframe-container{width:55%}h1 span{display:initial}.nav-width{width:calc(240px - (40px - clamp(10px, 3%, 40px)))}.content-width{width:calc(100% - (240px - (40px - clamp(10px, 3%, 40px)) + clamp(10px, 3%, 40px)));align-self:flex-end;margin-right:var(--page-margin)}.true-neutral-container{align-self:end;width:calc(var(--side-nav) + var(--content-width) - var(--page-margin));margin-right:var(--page-margin)}.chaotic-neutral-container{align-self:flex-start;width:100%}.lawful-good-container{align-self:flex-start;margin-left:var(--side-nav)}.lawful-evil-container,.lawful-good-container{width:calc((var(--side-nav) + var(--content-width) - var(--page-margin))/2)}.lawful-evil-container{align-self:end;margin-right:var(--page-margin)}.chaotic-evil-container,.chaotic-good-container{align-self:flex-start;width:calc(100% / 2)}.chaotic-good-container{margin-left:calc(100% / 2)}.lawful-neutral-left-container{align-self:flex-start;width:calc(var(--side-nav) - var(--page-margin));margin-left:var(--page-margin)}.lawful-neutral-right-container{align-self:end;width:calc(var(--side-nav) - var(--page-margin));margin-right:var(--page-margin)}.neutral-evil-container{align-self:flex-start;width:calc(100% - 2*var(--page-margin));margin-left:var(--page-margin)}.neutral-good-container{align-self:end;width:calc(var(--side-nav) + var(--content-width) - var(--page-margin));margin-right:var(--page-margin)}}@media screen and (min-width:850px){.center-content{height:80vh}}@media screen and (min-width:1200px){.nav-width{width:calc(240px - (40px - clamp(10px, 3%, 40px)))}.content-width{width:calc(100% - 2 * 240px + 40px - clamp(10px, 3%, 40px));align-self:auto;margin-right:unset}.true-neutral-container{align-self:flex-start;width:var(--content-width);margin-left:var(--side-nav)}.chaotic-neutral-container{align-self:flex-start;width:100%}.lawful-good-container{margin-left:var(--side-nav)}.lawful-evil-container,.lawful-good-container{align-self:flex-start;width:calc(var(--content-width)/2)}.lawful-evil-container{margin-left:calc(var(--content-width)/2 + var(--side-nav))}.chaotic-evil-container,.chaotic-good-container{align-self:flex-start;width:calc(100% / 2)}.chaotic-good-container{margin-left:calc(100% / 2)}.lawful-neutral-left-container{align-self:flex-start;width:calc(var(--side-nav) - var(--page-margin));margin-left:var(--page-margin)}.lawful-neutral-right-container{align-self:end;width:calc(var(--side-nav) - var(--page-margin));margin-right:var(--page-margin)}.neutral-evil-container{align-self:flex-start;margin-left:var(--page-margin)}.neutral-evil-container,.neutral-good-container{width:calc(var(--side-nav) + var(--content-width) - var(--page-margin))}.neutral-good-container{align-self:end;margin-right:var(--page-margin)}}@media screen and (min-width:1400px){.nav-width{width:240px}.content-width{width:calc(100% - 2 * 240px)}}.outsideLink{text-decoration:underline}.content-spacer{height:clamp(10px,3vh,20px);display:block}.dropdown-container ul{padding-left:20px}.sideNav{background-color:var(--page-color);position:fixed;top:0;z-index:2;overflow:hidden;padding-left:clamp(10px,3%,40px);padding-right:clamp(10px,3%,40px);box-sizing:border-box;height:auto}.dropdown-container{position:relative;display:inline-block;margin-bottom:0}.dropdown{display:flex;overflow:hidden;flex-direction:column;max-height:0;opacity:0;visibility:hidden;transition:max-height .5s ease .1s,opacity .3s ease .2s,visibility .3s ease .2s}.dropdown.active{transition:max-height .5s ease,opacity .3s ease,visibility .3s ease}.always-down,.dropdown.active{max-height:500px;opacity:1;visibility:visible}.always-down{transition:none}#toggle{display:none}.hamburger{cursor:pointer;display:block;padding-right:clamp(10px,3%,40px);text-align:center;position:absolute;right:0;top:0;line-height:1.2;font-weight:400;font-size:30px}.menu{display:none;overflow-y:auto;z-index:1}#toggle:checked~.menu{display:block;height:100vh}@media screen and (max-width:640px){.dropdown.active.dropdown-mobile,.dropdown.dropdown-mobile{max-height:500px;opacity:1;visibility:visible;transition:none}}@media screen and (min-width:640px){.sideNav{background-color:transparent;padding-left:clamp(10px,3%,40px);top:0;bottom:0;position:fixed;padding-right:0;margin-right:0;text-align:initial}.menu{display:initial}.hamburger,.main-header-mobile-shift{display:none}}