@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Graduate&family=JetBrains+Mono:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');

:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal-fandom";
   --theme-name: "Liminal Fandom Theme";

   --logo-image: url("/local--files/theme:liminal-fandom/fandom_logo_small1.png");
   --header-title: "Фандом Закулисья";
   --header-subtitle: "Это место выглядит так знакомо…";

   --body-font: 'Rubik', sans-serif;
   --header-font: 'Rubik', sans-serif;
   --title-font: 'Rubik', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;

   --white-monochrome: 251, 231, 181;
   --pale-gray-monochrome: 254, 126, 3;
   --light-gray-monochrome: 254, 126, 3;
   --gray-monochrome: 254, 126, 3;
   --grey-monochrome: 254, 126, 3;
   --dark-gray-monochrome: 195, 109, 47;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 195, 109, 47;
   --medium-accent: 195, 109, 47;
   --dark-accent: 195, 109, 47;
   --pale-accent: 195, 109, 47;
   --alt-accent: 175, 66, 0;
   --legacy-accent: 254, 126, 3;
   --darker-legacy-accent: 254, 126, 3;
   --backrooms-yellow: 255, 197, 1;
   --kauer-white: 255, 255, 255;
   --kauer-blue: 20, 90, 245;
   --meg-mint: 250, 250, 210;
   --meg-green: 111, 117, 78;
   --pioneer-orange: 255, 210, 26;
   --commercium-grey: 91, 89, 81;
   --mountain-purple: 121, 82, 132;
   --brute-blue: 39, 16, 84;
   --brute-yellow: 211, 242, 24;
   --aea-midnight: 3, 8, 26;
   --aea-hunted: 234, 52, 52;
   --raven-shadow: 0, 0, 0;
   --raven-gold: 219, 200, 124;
   --k4-frogskin: 59, 91, 66;
   --k4-mudskipper: 90, 56, 37;

   --swatch-topmenu-border-color: var(--darker-legacy-accent);
  --swatch-topmenu-bg-color: var(--darker-legacy-accent);
  --swatch-headerh1-color: 12, 12, 12;
  --swatch-headerh2-color: 12, 12, 12;

    --rating-module-button-plus-color: 195, 109, 47;
    --rating-module-button-negative-color: 195, 109, 47;
    --rating-module-button-cancel-color: 195, 109, 47;
    --rating-module-button-credit-color: 195, 109, 47;

  --link-color: 195, 109, 47;
  --hover-link-color: 195, 109, 47;
  --visited-link-color: 195, 109, 47;

   --background-gradient-distance: 0rem;

   --gradient-header: linear-gradient(to top,
      rgb(var(--legacy-accent)) 0%,
      rgb(var(--darker-legacy-accent)) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}

#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://pxscdn.com/public/m/_v2/679796680673641788/062ac74bd-fb82c6/jJyIZxRM8oXZ/keTzP8RWKrFnw3tU73VDPUyHx4fHcZdXY12FWJZu.png");
 background-repeat: repeat-x;
background-size: inherit;
}
}

#side-bar .side-block div a img {
   filter: grayscale(100%);
}

#side-bar .heading p {
   color: rgb(var(--black-monochrome));
}

#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}

div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}

div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}

#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}

#header h1 a {
   left: -8.5rem;
}

#header h2 a {
   left: -24rem;
}

#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}

#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}

#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}

#header::before {
   left: calc(-27.5% + -7rem);
   background-size: auto 11rem;
   opacity: 1;
}

#header h2 span::before {
   left: -12.5rem
}

@media only screen and (max-width:768px){
   #header::before {
      left: 0;
      background-size: auto 8rem;
   }

   #header h1 a {
      left: 1rem;
   }

   #header h2 span::before {
      left: calc(1rem + 1.5ch);
   }
}

h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--black-monochrome));
}

hr {
   background-color: rgb(var(--dark-grey-monochrome));
}

.yui-navset .yui-nav .selected a {
   color: rgb(var(--black monochrome)) !important;
}

table.wiki-content-table th {
   color: rgb(var(--black-monochrome));
}

#login-status {
   color: rgb(var(--grey-monochrome));
}

#login-status a {
   color: rgb(var(--grey-monochrome));
}

#search-top-box input.empty {
   color: rgb(var(--black-monochrome));
}

.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(255, 255, 255);
}

a.newpage {
   background: transparent;
   text-decoration: none
}

a.newpage {
   color: rgb(var(--alt-accent));
}

#page-title {
   color: rgb(var(--black-monochrome));
}

#top-bar > ul > li a, #top-bar > ul > li a:hover {
   color: rgb(var(--black-monochrome));
}

blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}

.styled-quote {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}

.yellow-styled-quote {
   background-color:rgb(var(--backrooms-yellow));
   border-left: 0.5rem solid rgba(var(--black-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}

.yellow-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}

.darkblock a {
   color: rgb(255, 255, 255);
}

.darkblock {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}

.block {
   background-color:rgb(var(--white-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}

.lightblock {
   background-color:rgb(var(--kauer-white));
   color:rgb(255, 255, 255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--black-monochrome));
}

.lightblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

.borderblock {
    background-color:rgb(var( --grey-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }

 .yellow-borderblock {
    background-color:rgb(var(--backrooms-yellow));
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--black-monochrome));
 }

.light-borderblock {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--black-monochrome));
 }

.kauer-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--kauer-blue));
 }

.meg-fandom-block {
    background-color:rgb(var( --meg-mint));
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--meg-green));
 }

.backrooms-pioneers-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--pioneer-orange));
 }

.commercium-block {
    background-color:rgb(var( --commercium-grey));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--pioneer-orange));
 }

.mountain-coalition-block {
    background-color:rgb(var( --mountain-purple));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--black-monochrome));
 }

.k4-block {
    background-color:rgb(var( --k4-mudskipper));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--k4-frogskin));
 }

.beo-block {
    background-color:rgb(var( --brute-blue));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--brute-yellow));
 }

.aea-block a,
.aea-logoblock {
   color: rgb(12, 12, 12)
}

.aea-block {
    background-color:rgb(var( --aea-hunted));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--aea-midnight));
 }

.raven-shield-block {
    background-color:rgb(var( --raven-shadow));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--raven-gold));
 }

 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--grey-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }

    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679796680673641788/062ac74bd-fb82c6/GnvkvzMd5B9w/fo3QnpPfafRweqetdrHpQHOzB6ddhQCYxi0z34h9.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .light-border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }

    .light-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679796680673641788/062ac74bd-fb82c6/GnvkvzMd5B9w/fo3QnpPfafRweqetdrHpQHOzB6ddhQCYxi0z34h9.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .kauer-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--kauer-blue));
    }

    .kauer-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679796680673641788/062ac74bd-fb82c6/Jpc7FZF3ibgD/nOwRBppev2Si7tvaTGLi2zKX02FQDCqXsQmN84lD.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .meg-fandom-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--meg-mint));
     border: solid 0.3rem rgb(var(--meg-green));
    }

    .meg-fandom-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679796680673641788/062ac74bd-fb82c6/rwXuWx6Ptyw9/9kRQeOCwPb9vYiC8ouh89C22G78css1spD6ZAq1i.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .backrooms-pioneers-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }

    .backrooms-pioneers-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679796680673641788/062ac74bd-fb82c6/Z07ic7YAHNGX/OzlpM4C51oXdtbyvtX2ChiKkDTidANU9vyiEbj0R.png)center/200% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .commercium-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--commercium-grey));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }

    .commercium-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/5oDlvCk4AjU6/tg12x6JQllLD5ad6MCJPYvfPEC6TwkZcSQPubM38.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .mountain-coalition-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--mountain-purple));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }

    .mountain-coalition-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/Ec33nytywiQC/CtfXNSeJcsDPdgRfdeKvEmkijt3i1T3xMh5PLZaC.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .k4-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--k4-mudskipper));
     border: solid 0.3rem rgb(var(--k4-frogskin));
    }

    .k4-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/aWy4xGDMHsdZ/Qo3dYCrQHjjiQZw9K3atCLoVsEpcr9WwjvgmWZVA.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .beo-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--brute-blue));
     border: solid 0.3rem rgb(var(--brute-yellow));
    }

    .beo-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pxscdn.com/public/m/_v2/679801898911183074/062ac74bd-fb82c6/awwqJ1pmDRWr/v8gyVekfGdaKU0CK14qSPvlpUTeRUTL8bUgqAL51.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .aea-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--aea-hunted));
     border: solid 0.3rem rgb(var(--aea-midnight));
    }

    .aea-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/M0X8xf8NNU1Y/JdasC7SdR0AsJ1rhQRcsuIxlB0o9xlfNnz90lyB7.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

 .raven-shield-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--raven-shadow));
     border: solid 0.3rem rgb(var(--raven-gold));
    }

    .raven-shield-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/IaDKUFsltdKd/NNWGh5nGYUyKdLs8gxMtBOuvqvwUI01oRzCEwvg5.png) center/35% no-repeat;
    opacity: 0.50;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--grey-monochrome));
    }

    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/IaDKUFsltdKd/NNWGh5nGYUyKdLs8gxMtBOuvqvwUI01oRzCEwvg5.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

    .light-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(12, 12, 12);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
    }

    .light-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://pixelfed.social/storage/m/_v2/679801898911183074/062ac74bd-fb82c6/IaDKUFsltdKd/NNWGh5nGYUyKdLs8gxMtBOuvqvwUI01oRzCEwvg5.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

.titleblock {
        background-color: rgb(239, 219, 166);
        color:rgb(12, 12, 12);
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(206, 187, 135) 2px;
     }

     .titlebox{
       color: rgb(12, 12, 12);
       position: relative;
       top: -1.6rem;
       background-color: rgb(222, 203, 150);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }

.dark-titleblock {
        background-color: rgb(var(--grey-monochrome));
        color:rgb(255, 255, 255);
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }

     .dark-titlebox{
       color: rgb(255, 255, 255);
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }

.border-block {
    background-color:rgb(var(--grey-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--gray-monochrome));
 }

.featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#EFDBA6;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #d6ce92;
    box-sizing:border-box;
}

.featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#DECB96;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #c7c089;
    box-sizing:border-box;
    transition:0.2s;
}
.newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(206,187,135,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}

@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

:root {
   --fade-in-delay: 0.1s; /* Change the speed here. */
}

#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }