@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
*::selection {
   background-color: rgba(var(--alt-accent), 0.25) !important;
}

:root {
   --theme-base: "black-highlighter";
   --theme-id: "decomposition";
   --theme-name: "Decomposition Theme";

  --header-title: "Разложение";
  --header-subtitle: "Запах гнили заполнит тебя.";
  --logo-image: url("https://i.imgur.com/jWUCNjX.png");
      --white-monochrome: 52, 23, 64;
   --pale-gray-monochrome: 81, 38, 99;
   --light-gray-monochrome: 92, 55, 108;
   --gray-monochrome: 92, 55, 108;
   --black-monochrome: 0, 0, 0;
   --bright-accent: 55, 61, 108 ;
   --medium-accent: 129, 129, 171;
   --dark-accent: 119, 103, 164;
   --darker-accent: 0, 0, 0;
   --pale-accent: 53, 53, 70;

   --body-font: 'Noto Serif', serif;
   --header-font: 'PT Sans', sans-serif;
   --title-font: 'PT Sans', sans-serif;
   --mono-font: 'Noto Serif', serif;

      --rating-module-button-plus-color: var(--pale-gray-monochrome);
    --rating-module-button-negative-color: var(--pale-gray-monochrome);
    --rating-module-button-cancel-color: var(--pale-gray-monochrome);
    --rating-module-button-credit-color: var(--pale-gray-monochrome);

   --classes-color: var(--dark-accent);

   --link-color: var(--swatch-text-dark);
   --hover-link-color: var(--swatch-text-dark);
   --visited-link-color: var(--black-monochrome);
   --newpage-color: 78, 78, 78;

   --swatch-text-dark: 177, 184, 192;
   --swatch-text-light: 177, 184, 192;

   --gradient-header: linear-gradient(to bottom, rgb(var(--medium-accent)) 0, rgb(var(--white-monochrome)) 100%);

   --header-height-on-desktop: 10rem;
}

.sd-container {
--sd-border:var(--pale-gray-monochrome);
--sd-border-secondary:var(--pale-gray-monochrome);
--sd-border-deadzone:var(--pale-gray-monochrome);

--sd-symbol:var(--sd-border) !important;
--sd-symbol-secondary: var(--sd-border);

--sd-bullets:var(--sd-border) !important;
--sd-text: var(--darker-accent);

--class-0: var(--classes-color);
--class-1: var(--classes-color);
--class-2: var(--classes-color);
--class-3: var(--classes-color);
--class-4: var(--classes-color);
--class-5: var(--classes-color);
--class-unknown: var(--classes-color);
--class-habitable: var(--classes-color);
--class-deadzone: var(--classes-color);
--class-pending: var(--classes-color);
--class-n-a: var(--classes-color);
--class-amended: var(--classes-color);
--class-omega: var(--classes-color);
}

#header::before {
  opacity: 1 !important;
  background-size: auto 10rem !important;
}

#skrollr-body {
  background-image: none;
}

#login-status {
   background-color: rgb(0, 0, 0) !important;
}

.collapsible-block-link {
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(var(--gray-monochrome));
  color: rgb(var(--medium-accent)) !important;
  padding: 0.1rem 0.25rem;
  transition: 0.4s;
  margin: 0.5rem 0;
}

.collapsible-block-link:hover {
  transition: 0.4s;
  background-color: rgba(var(--gray-monochrome), 0.9);
  text-decoration: none;
}

.page-rate-widget-box span.rate-points {
   color: transparent !important;
   letter-spacing: -12rem;
}

.page-rate-widget-box .rate-points:after, .page-rate-widget-box .rate-points span {
   content: "Гниение:";
   text-transform: capitalize;
   font-size: 15px;
   margin-left: 3px;
   letter-spacing: 0;
   color: rgb(var(--swatch-text-dark));
   margin-right: 0.8rem;
}

.page-rate-widget-box .rate-points span.number {
  position: absolute;
  left: 5rem !important;
}

.scp-image-block {
    border: 0.5rem solid rgb(var(--pale-gray-monochrome));
    outline: 5px solid rgb(var(--darker-accent));
    border-radius: 0.5rem;
}

.scp-image-block .image {
   border: 0.2rem solid rgb(var(--darker-accent));
}

.lightblock {
  background-color: rgb(var(--pale-gray-monochrome));
}

.logoblock-lungs-border, .logoblock-brain-border, .logoblock-heart-border {
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0;
    position: relative;
    background-color: rgb(var(--light-gray-monochrome));
    border: 5px solid rgb(255, 255, 255);
}

.logoblock-heart-border::after{
    content: "";
    background: url(https://i.imgur.com/yhb9uxw.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.logoblock-brain-border::after{
    content: "";
    background: url(https://i.imgur.com/51Lqiph.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.logoblock-lungs-border::after{
    content: "";
    background: url(https://i.imgur.com/y8AzNtX.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.logoblock-heart::after{
    content: "";
    background: url(https://i.imgur.com/yhb9uxw.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.logoblock-brain, .logoblock-lungs, .logoblock-heart {
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0;
    position: relative;
    background-color: rgb(var(--light-gray-monochrome));
}

.logoblock-brain::after{
    content: "";
    background: url(https://i.imgur.com/51Lqiph.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.logoblock-lungs::after{
    content: "";
    background: url(https://i.imgur.com/y8AzNtX.png) center/15% no-repeat;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0;
   transition: all 0.3s ease-out;
   transform: translateY(0em);
}

.hoverblock p, .hoverblock a, .hoverblock hr {
    background-color: transparent;
    color: transparent;
}

.hoverblock:hover, .hoverblock:focus{
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   background-color: rgb(var(--light-gray-monochrome));
   transform: translateY(-.3em);
   color: rgb(var(--swatch-text-dark));
}

.hoverblock:hover p, .hoverblock:focus p, .hoverblock:hover a, .hoverblock:focus a, .hoverblock:hover hr, .hoverblock:focus hr {
   color: rgb(var(--swatch-text-dark)) !important;
}

span.visibleblock {
  color: rgb(var(--swatch-text-dark));
}

.fade-block {
   padding: 0.01rem 1rem;
   margin: 0.5rem 0;
   background: linear-gradient(90deg, rgba(var(--gray-monochrome), 1) 0%, rgba(0, 0, 0,0) 100%);
   border-radius: 0.5rem;
}

.cookieboxflex {
    display: flex;
    justify-content: flex-end;
    height: 4.5rem;
}

.cookieboxflex .darkblock a {
   position: absolute; top: 0; left: 0; bottom: 0.5rem; width: 100%; height: 100%;
}

.cookieboxflex .darkblock {
   position: relative;
   background: rgb(var(--link-color));
   transition: 0.3s;
}

.cookieboxflex .darkblock:hover {
   background: rgb(var(--pale-accent));
}

#u-dear-reader { transition: 0.5s; }

#u-dear-reader:target { opacity: 0; pointer-events: none; margin-bottom: 1rem; }

.hovertip {
   color: rgb(var(--swatch-text-dark));
}