@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Play:wght@700&display=swap');
@import url("http://ru-backrooms-wiki.wikidot.com/local--files/component:theme/editor-window.css"); 
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("https://i.imgur.com/VMFa03f.png");
   --header-title: "Раскол КВЗ";
   --header-subtitle: "Разделяй и властвуй.";
 
   --body-font: 'Bitter', serif;
   --header-font: 'Play', sans-serif;
   --title-font: 'Play', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 175, 175, 175;
   --pale-gray-monochrome: 165, 165, 165;
   --light-gray-monochrome: 150, 65, 65;
   --gray-monochrome: 100, 100, 100;
   --black-monochrome: 0, 0, 0;
   --bright-accent: 196, 196, 196;
   --medium-accent: 119, 16, 16;
   --dark-accent: 165, 35, 33;
   --pale-accent: 156, 9, 9;
 
   --white-bg-monochrome: var(--pale-gray-monochrome);
   --white-bg-monochrome-2: 96, 96, 96;
 
   --bd-rad: 3px;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --visited-link-color: 136, 69, 53;
   --link-color: 230, 23, 68;
   --hover-link-color: 230, 23, 68;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgb(var(--medium-accent)) 0%,
      rgb(var(--medium-accent)) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
 
   --header-h2-font-size: calc(var(--base-font-size)*1.35);
   --header-height-on-desktop: 10rem;
   --header-height-on-mobile: 10rem;
   --sidebar-width-on-desktop: 20rem;
 
   --gradient-topmenu: linear-gradient(transparent, transparent, rgb(var(--gray-monochrome)), rgb(var(--gray-monochrome)));
}
 
#skrollr-body {
  background: linear-gradient(rgb(var(--medium-accent)), rgb(var(--gray-monochrome)));
  height: 10rem;
}
 
#header h1 a {
   line-height: 0.6;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#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;
}
 
#page-content a:not(span.printuser a, .page-rate-widget-box a, div#page-options-bottom-2 > a, div#page-options-bottom > a) {
   transition: ease-in-out 0.2s,text-decoration-color 0s;
   padding:1px 3px;
}
 
#page-content a:not(span.printuser a, .page-rate-widget-box a, 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):hover {
   text-decoration: none;
   padding: 1px 3px;
   background: rgb(var(--pale-accent));
   color: rgb(var(--white-monochrome));
}
 
::selection {
background: rgba(var(--swatch-tertiary-color),.25);
}
::-moz-selection {
background: rgba(var(--swatch-tertiary-color),.25);
}
 
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, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.3;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: сenter;
   z-index: 0;
   font-size: 50px;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2.5rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: сenter;
   font-size: 25px;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
#top-bar>ul>li {
   background: rgb(var(--gray-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--bright-accent));
   border-left: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.borderblock {
   background-color:rgb(var(--bright-accent));
   border: 0.3rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.dark-borderblock {
   background-color:rgb(var(--gray-monochrome));
   border: 0.3rem solid rgba(var(--pale-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.dark-borderblock  a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.striped-block {
   background: linear-gradient(45deg, rgb(var(--bright-accent)) 0% 12%, rgba(var(--white-bg-monochrome)) 12% 22%, rgb(var(--bright-accent)) 22% 34%, rgba(var(--white-bg-monochrome)) 34% 40%, rgb(var(--bright-accent)) 40% 64%, rgba(var(--white-bg-monochrome)) 64% 76%, rgb(var(--bright-accent)) 76% 86%, rgba(var(--white-bg-monochrome)) 86% 100%);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
.dark-striped-block {
   background: linear-gradient(-135deg, rgb(var(--gray-monochrome)) 0% 12%, rgba(var(--white-bg-monochrome-2)) 12% 22%, rgb(var(--gray-monochrome)) 22% 34%, rgba(var(--white-bg-monochrome-2)) 34% 40%, rgb(var(--gray-monochrome)) 40% 64%, rgba(var(--white-bg-monochrome-2)) 64% 76%, rgb(var(--gray-monochrome)) 76% 86%, rgba(var(--white-bg-monochrome-2)) 86% 100%);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border-radius: var(--bd-rad);
}
 
hr {
   background-color: rgb(var(--black-monochrome));
   border: 1px solid rgb(var(--black-monochrome));
}
 
.yui-navset .yui-nav {
    border: 4px solid rgb(var(--dark-accent));
    width: auto;
}
 
.yui-navset .yui-nav a:hover {
   box-shadow: none !important;
   color: rgb(var(--black-monochrome));
}
 
.yui-navset .yui-content {
   border: none;
   border: 4px solid rgb(var(--dark-accent));
   border-top: none;
   background-color: rgb(185, 185, 185) !important;
}
 
.scp-image-block {
   border: 3px solid rgb(var(--dark-accent));
   border-radius: 5px;
}
.scp-image-block .scp-image-caption {
   border-radius: 0 0 5px 5px;
}