@font-face{font-family:brix;font-display:swap;src:url(/fonts/Brix/Brix.otf)format('opentype')}@font-face{font-family:comme;font-display:swap;src:url(/fonts/Comme/Comme-Regular.ttf)format('truetype')}@font-face{font-family:open serif;font-display:swap;src:url('/fonts/Open Serif/OpenSerif-Book.ttf')format('truetype')}@font-face{font-family:opendyslexic;font-display:swap;src:url(/fonts/OpenDyslexic/open-dyslexic.ttf)format('truetype')}:root{--background-color:#0f0f0f;--primary-color:#222020;--secondary-color:#312e2e;--accent-color:#f4a93a;--subaccent-color:rgb(133, 88, 21);--primary-text-color:white;--secondary-text-color:#cccccc;--tag-background-color:#4a4a4a;--tag-text-color:#e0e0e0;--primary-button-background-color:var(--accent-color);--primary-button-hover-color:var(--subaccent-color);--primary-button-text-color:black;--secondary-button-background-color:#3a3a3a;--secondary-button-hover-color:var(--accent-color);--secondary-button-text-color:#e0e0e0;--table-color:#ffffffb4;--affirmative:#83FF88;--negative:#FF0301;--logo-font-family:Brix, Helvetica, Arial, sans-serif;--font-sans:'Comme', Helvetica, Arial, sans-serif;--font-serif:'Libre Baskerville', Georgia, serif;--font-dyslexic:'OpenDyslexic', Arial, sans-serif;--current-font-scale:1;--global-font-family:var(--font-sans)}body{display:initial;color:var(--primary-text-color);background-color:var(--background-color);line-height:1.5;max-width:768px;font-family:var(--global-font-family);font-size:calc(var(--global-font-size) * var(--current-font-scale));line-height:1.6}#disclaimer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}#disclaimer-modal .modal-content{background:var(--primary-color);padding:2em;border-radius:0;text-align:center;max-width:500px}#disclaimer-modal .modal-content h2{margin-bottom:.8em}#disclaimer-modal .modal-content p{margin:.5em auto}#disclaimer-modal .modal-content .btn{margin:auto;margin-top:2em}.noscript-disclaimer{background-color:var(--primary-color);border-bottom:2px solid var(--secondary-color);padding:1em}.noscript-disclaimer p{margin:0;padding:.2em;text-align:center}#page-content-wrapper{pointer-events:none}main{width:60%;margin:auto}.container{display:contents}.story-filters{background-color:var(--primary-color);padding:1em;padding-bottom:1px;border-radius:0;margin-bottom:2em;height:auto;font-weight:400}.story-filters h6{font-weight:700}.story-filters .filter{margin-bottom:1.5em}.filter-list{font-size:smaller;margin:.5em}.filter-list li{margin:.2em 0}.scrollable{max-height:500px;overflow-y:auto;scroll-behavior:smooth}.card{background-color:var(--primary-color);color:var(--primary-text-color);height:auto;overflow:hidden;margin-bottom:1em;transition:transform .15s;border-radius:0}.card.clickable:hover{transform:scale(1.05)}.card-title{color:var(--accent-color);font-size:larger;margin-bottom:.15em}span.card-author{font-size:medium;font-style:italic;color:var(--secondary-text-color);padding-bottom:.3em}p.card-subtitle{font-size:9pt;font-style:italic;opacity:90%;color:var(--secondary-text-color);margin-top:.1em}.card-body{padding:.8em 1em}.card-text{font-size:10pt}.card-text p:last-of-type{margin-bottom:0}.card-link,.card-link:hover,.card-link:focus,.card-link:active{color:inherit;text-decoration:none}.card-footer{background-color:var(--secondary-color);border-radius:0 !important}.card-footer .card-tags{font-weight:400}.tags-container{line-height:2.2}.tag{color:var(--tag-text-color);transition:80ms;padding:.5em .6em;margin-right:.5em;background-color:var(--tag-background-color);border-radius:0;font-size:8pt;font-weight:400}.tag:hover{background-color:var(--accent-color);color:#000;text-decoration:none}.character-card{max-height:fit-content;padding:0}.character-card .card-body{padding:0}.character-card-picture{display:block;max-width:100%;height:auto;margin:auto}.character-card-title{color:var(--primary-text-color);text-align:center;font-size:medium;padding-top:.7em}.character-card-species{color:var(--secondary-text-color);text-align:center;font-size:small;font-style:italic;margin-top:-.3em;padding-bottom:.2em}.character-card-pronouns{color:var(--primary-text-color);opacity:70%;text-align:center;font-weight:700;font-style:italic;font-size:small;margin:0}.character-profile-picture{display:block;max-width:250px;margin:1em auto;border-radius:0}.character-artist-credit{display:block;width:100%;text-align:center;margin-bottom:2.5em;font-size:small;font-style:italic}.page-title{margin:2em 0;border-bottom:1px solid var(--accent-color)}.page-title h2{font-size:x-large}.story-container{margin:3em 0}.story-series{background-color:var(--primary-color);border-left:1px solid var(--accent-color);padding:1rem;margin-bottom:4rem}.story-series h5{margin-bottom:.5rem;var(--primary-text-color)color:); } .series-list { margin: 0; padding-left: 1.25rem; font-size: 11pt; } .series-list li.current { font-weight: bold; } .series-list li.current a { color: var(--accent-color); text-decoration: none; } .story-title, .story-info { text-align: center; width: fit-content; margin: auto; padding-bottom: .2em; } .story-title { border-bottom: 1px solid var(--accent-color); font-size: xx-large; } .story-info { margin-top: .8em; font-size: medium; } .story-content { margin-top: 3em; color: var(--primary-text-color); font-size: 11pt; } .series-nav { display: flex; justify-content: space-between; gap: 1rem; margin: 2rem 0; padding: 1rem; background-color: var(--primary-color); border-top: 1px solid var(--accent-color); border-bottom: 1px solid var(--accent-color); } .series-nav a { color: var(--primary-text-color); text-decoration: none; font-weight: 500; max-width: 45%; font-size: 11pt; } .series-nav a:hover { color: var(--accent-color); } .series-prev { text-align: left; } .series-next { text-align: right; margin-left: auto; } .author-notes { background-color: var(--primary-color); border-radius: 0; color: var(--primary-text-color); padding: 1.2em; font-size: 11pt; } .author-notes p { font-size: 11pt; } .author-notes .card-subtitle { margin: 1.5em 0; font-size: 9pt; } .author-signature { font-style: italic; } .no-notes { font-style: italic; } hr.extra-space { margin: 2em 0; } .comment-section { margin-top: 2em; } .comms-container { font-size: 11pt; } .comms-section-title { width: fit-content; margin: 2em auto; } table { border-collapse: separate; border-spacing: 0; border: 1px var(--table-color) solid; border-radius: 0 !important; margin: auto; } table thead tr th { padding: .85em; } table tbody tr td { font-size: 10pt !important; line-height: 150%; } .willsandwonts-container { margin: 3.5em 0; } table tbody tr:last-child td, .willsandwonts-container table tbody tr:last-child td { padding-bottom: 1.5em; } table tbody tr td:nth-child(odd), table thead tr th:nth-child(odd) { border-right: 1px solid var(--table-color); } .willsandwonts-container table tbody tr td { position: relative; line-height: 150%; padding: 0 1.5em 0 2em; font-size: small; } .willsandwonts-container table tbody tr td::before { content: "•"; position: absolute; left: 13px; color: var(--primary-text-color); font-size: small; } .willsandwonts-container table tbody tr td:empty::before { content: ""; } .price-table { width: fit-content; margin: 3em auto; padding: 1em; padding-bottom: 2.5em; border: 1px var(--table-color) solid; border-radius: 0 !important; } .price-table .outer { display: inline-block; *display: inline; zoom: 1; position: relative; clip: auto; overflow: hidden; } .price-table .label { float: left; margin-right: 20px; padding-right: 4px; position: relative; } .price-table .text { float: right; padding-left: 4px; position: relative; } .price-calculator { width: fit-content; margin: auto; } .price-calculator-result { margin: 1em; text-align: center; } .price-table .price-container { border-top: 1px solid white; border-top-style: dotted; padding-bottom: .35em; padding-top: .3em; } .price-table .price-container:first-of-type { border-top: none; padding-top: 0 !important; } .price-table .price-container:last-of-type { padding-bottom: 0 !important; } .navbar { background-color: var(--primary-color); border-bottom: 1px solid var(--accent-color); margin-bottom: 1rem; padding: 0.2em 0; } .navbar ul { margin: auto; } .navbar-brand, .navbar-brand:hover, .navbar-brand:focus { display: flex; align-items: center; color: var(--accent-color); font-family: var(--logo-font-family); font-size: x-large; text-decoration: none; } .navbar-collapse { position: relative; } .navbar-center { position: absolute; left: 50%; transform: translateX(-50%); } .navbar-name { vertical-align: top; } .navbar-img { transform: scaleX(-1); width: 32px; height: 32px; margin-right: 0.25em; } .navbar-nav { position: absolute; left: 41.5%; top: auto; transform: translateX(-50%); } .nav-link { color: var(--primary-text-color); font-size: large; margin: 0 0.25em; } .nav-link:hover { color: var(--accent-color); } .font-selector select { background-color: var(--primary-color); color: var(--primary-text-color); border: 1px solid var(--accent-color); border-radius: 0.25rem; padding: 0.25rem 0.5rem; min-width: 140px; max-width: 180px; transition: all 0.2s ease-in-out; } .font-selector select:hover, .font-selector select:focus { background-color: var(--secondary-color); border-color: var(--accent-color); color: var(--primary-text-color); outline: none; box-shadow: none; } .font-selector select::-ms-expand { display: none; } .font-selector select::-moz-focus-inner { border: 0; } .font-selector select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7L0 0h12L6 7z' fill='%23f4a93a'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 12px 7px; padding-right: 2rem; } .hide-in-desktop { display: none; } a { color: var(--accent-color); text-decoration: none; } a:hover { color: var(--accent-color); text-decoration: underline; } footer { margin: auto; margin-top: 3em; margin-bottom: 1em; width: fit-content; text-align: center; font-size: small; border: none; } footer p { margin: 0; font-size: small; } footer a, footer span, .copyright-year { color: var(--secondary-text-color); font-style: italic; font-size: smaller; text-decoration: none; } footer .copyright-year { margin-top: .5em; font-style: normal; } footer a:hover { color: var(--secondary-text-color); text-decoration: underline; } footer .links-separator { font-style: italic; color: var(--secondary-text-color); } footer .word-love { font-size: medium; color: var(--negative); } footer .barkandwhoop { display: flex; justify-content: center; align-items: center; margin-bottom: 1em; } footer .barkandwhoop img { width: 50px; height: 50px; } footer .dedicatory { margin-bottom: .5em; } .speech { text-align: center; width: fit-content; margin: auto; margin-top: 2.5em; align-items: center; font-style: italic; font-size: 14pt; margin-bottom: -.5em; } ul { margin: 2em 0; line-height: 180%; } .green { color: var(--affirmative); } .red { color: var(--negative); } bold { font-weight: bold; color: var(--accent-color); } .center { display: block; width: max-content; margin: auto; } blockquote { margin: 2em 0; } blockquote p { font-style: italic; opacity: 90%; } .pagination-controls { width: fit-content; margin: 2em auto; border-radius: 0; } .pagination-controls .btn-group a { font-size: smaller; border-radius: 0; } .btn { transition: 100ms; } .btn-primary { border-color: var(--primary-button-background-color); background-color: var(--primary-button-background-color); color: var(--primary-button-text-color); } .btn-primary:hover { border-color: var(--primary-button-hover-color); background-color: var(--primary-button-hover-color); color: var(--primary-button-text-color); } .btn-primary:active, .btn-primary:focus { color: var(--primary-button-text-color) !important; border-color: var(--primary-button-hover-color) !important; background-color: var(--primary-button-hover-color) !important; } .btn-secondary { border-color: var(--secondary-button-background-color); background-color: var(--secondary-button-background-color); color: var(--secondary-button-text-color); } .btn-secondary:hover { border-color: var(--secondary-button-hover-color); background-color: var(--secondary-button-hover-color); color: black; } .btn-secondary:active, .btn-secondary:focus { color: black !important; border-color: var(--secondary-button-hover-color) !important; background-color: var(--secondary-button-hover-color) !important; } .page-sub-header { width: fit-content; margin: 1em auto; } @media only screen and (max-width: 980px) { main { width: 90%;margin:auto}.speech{font-size:12pt}.story-content{font-size:12pt}#disclaimer-modal .modal-content{scale:.85}.navbar-brand{position:initial;padding-left:.1em}.navbar-brand.hide-in-desktop{position:absolute;top:-.1em;left:50%;transform:translateX(-50%)}.navbar-nav{position:static !important;transform:none !important;flex-direction:column;align-items:center;width:100%;margin-bottom:0 !important}.mobile-menu-divider{margin-top:0 !important;margin-bottom:1em !important;margin:auto;width:100%;opacity:100%;flex-direction:column;border:1px solid var(--secondary-color)}.font-selector{margin-top:0 !important;padding-bottom:.45em !important;margin:auto;width:60%;flex-direction:column}.font-selector select{width:100%;min-width:0;max-width:none}.navbar-toggler{position:absolute;top:.12em;right:.1em;z-index:1030;padding-bottom:.4em;border:none !important;box-shadow:none !important}.collapse.navbar-collapse{display:none}.collapse.navbar-collapse.show{display:flex;flex-direction:column;width:100%}.navbar-nav .nav-item{margin:0}.story-title{font-size:x-large}.story-info{font-size:small}.page-title{width:fit-content;margin:2em auto;border-bottom:1px solid var(--accent-color)}.hide-in-mobile{display:none !important}.hide-in-desktop{display:block}.half-in-mobile{width:50%}}