@import url('https://fonts.googleapis.com/css2?family=Podkova:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url("/local--files/component:theme/normalize-archived.css");
@import url("/local--files/component:theme/bhl-archived.css");
@import url("/local--files/component:theme/sidebar.css");

:root {
   --theme-base: "black-highlighter";
   --theme-id: "mm-theme";
   --theme-name: "Masked Maidens Theme";

   --logo-image: url("https://i.ibb.co/ZccffPw/logo-for-pr.png");
   --header-title: "Девы в Масках";
   --header-subtitle: "Маскироваться — раскрываться.";

   --body-font: 'Roboto', sans-serif;
   --header-font: 'Podkova', serif;
   --title-font: 'Podkova', serif;
   --mono-font: 'Courier'; monospace;

--reddish-pink-monochrome: 200, 102, 110;
   --blue-monochrome: 57, 79, 107;
   --pale-blue-monochrome: 71, 74, 100;
   --pale-purple-monochrome: 85, 70, 92;
   --red-purple-monochrome: 99, 65, 85;
   --redder-purple-monochrome: 113, 61, 77;
   --pale-red-monochrome: 255, 204, 203;
   --pale-pink-monochrome: 251, 237, 242;
--dark-red: 94, 10, 10;
--even-darker-red: 64, 0, 0;
   --bright-accent: 198, 33, 33;
   --medium-accent: 184, 38, 40;
   --dark-accent: 128, 56, 70;
   --pale-accent: 142, 51, 63;
--light-grey-monochrome: 180, 180, 180;
--green-monochrome: 0, 200, 0;
--white-monochrome: 255, 255, 255;
--dark-purple-monochrome: 48, 21, 40;
--purple-monochrome: 71, 43, 62;
--red-pink-monochrome: 171, 76, 85;
--just-pink: 255, 217, 229;
--redder-pink-monochrome: 240, 187, 196;
--even-paler-blue: 178, 182, 217;
--another-pink-shade: 245, 149, 162;
--loveutoojami: 222, 149, 165;

/*I hate you so much -Jami*/

--background-gradient-color: var(--pale-pink-monochrome);

 --swatch-background: var(--pale-pink-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--reddish-pink-monochrome);
    --swatch-primary-darkest: var(--dark-accent);

    --swatch-text-dark: var(--dark-accent);
    --swatch-text-light: var(--pale-pink-monochrome);
    --swatch-important-text: var(--pale-red-monochrome);
    --barColour: var(--blue-monochrome);
    --linkColour: var(--pale-blue-accent);

   --swatch-topmenu-border-color: 64, 0, 0;
 --swatch-menubg-dark-color: 95, 65, 85;
 --barColour: 198, 33, 33
--swatch-topmenu-bg-color: 94, 10, 10;

 --swatch-headerh1-color: var(--pale-pink-monochrome);
    --swatch-headerh2-color: var(--pale-red-monochrome);
    --swatch-topmenu-border-color: var(--red-purple-monochrome);
    --swatch-topmenu-bg-color: var(--dark-purple-monochrome);

   --link-color: 57, 79, 107;
  --visited-link-color: 71, 74, 100;
   --hover-link-color: 113, 61, 77;
   --new-page-color: 198, 33, 33;
   --sidebar-links-text: 128, 56, 70;
   --link-color-bright: 184, 38, 40;

   --background-gradient-distance: 0rem;

 --rating-module-button-color: var(--pale-pink-monochrome);
    --rating-module-button-plus-color: 0, 200, 0;
    --rating-module-button-negative-color: 198, 33, 33;
    --rating-module-button-cancel-color: 180, 180, 180;
    --rating-module-button-credit-color: 128, 56, 70;
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-dark-accent));

   --gradient-header: linear-gradient(to top,
      rgba(var(--dark-accent)) 0%, rgba(var(--redder-purple-monochrome)) 20%, rgba(var(--red-purple-monochrome)) 40%, rgba(var(--pale-purple-monochrome)) 50%,
rgba(var(--pale-blue-monochrome)) 60%,
      rgba(var(--blue-monochrome), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}

#main-content {
   background-color: 251, 237, 242;
}

#skrollr-body {
   background-image:
    radial-gradient(circle, rgba(var(--red-purple-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}

#side-bar .side-block div a img {
   background-color: rbga(var(--pale-pink-monochrome));
}

#container {
   background-image: radial-gradient(star, rgb(var(--pale-blue-monochrome), 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;
}

.footnotes-footer {
 background-color: rgb(var(--reddish-pink-monochrome)) !important;
  border-left: 0.4rem solid rgb(var(--dark-accent)) !important;
  color: rgb(var(--pale-pink-monochrome));

}

a.footnote-footer {
    color: rgb(var(--pale-red-monochrome)) !important;
}
.footnote-footer>a:first-of-type {
    color: rgb(var(--pale-red-monochrome)) !important;
}

#page-title {
    border-color: rgb(var(--pale-purple-monochrome));
    color: rgb(var(--dark-accent))!important;
    font-size: 2rem;
}

#header, #top-bar {
   background-attachment: scroll;
}

#header {
   background-image: 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.5;
}

#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 #803846;
}

.page-rate-widget-box {
     box-shadow: 0px 0px 0px 2px rgb(var(--dark-accent));
    background: rgb(var(--dark-accent));
     padding: .1em;
     border-radius: 0px 10px 0px 10px;
}

.page-rate-widget-box .rate-points {
    background-color: none;
    border: none;
    color: rgb(var(--pale-pink-monochrome)) !important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--dark-accent));
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--pale-blue-monochrome));
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--dark-accent));
    border: none;
}

.page-rate-widget-box .cancel a {
    color: rgb(var(--dark-accent));
}

span.printuser {
    color: rgb(var(--dark-accent));
}

.code {
    border: 2px dashed rgb(var(--pale-red-monochrome));
}

blockquote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--redder-pink-monochrome));
   box-sizing: border-box;
}

.block-quote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   border-radius: 0.1rem;
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--just-pink));
   box-sizing:border-box;
}

.styled-quote {
   background-color: rgb(var(--just-pink));
   border-left: 0.5rem solid rgb(var(--dark-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);
}

.dark-styled-quote {
   background-color: rgb(var(--even-paler-blue));
   border-left: 0.5rem solid rgb(var(--blue-monochrome));
   color: rgb(var( --pale-pink-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);
}

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

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

.darkblock {
   background-color: rgb(var(--pale-blue-monochrome));
   color: rgb(var( --pale-pink-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);
}

.borderblock {
   background-color: rgb(var(--just-pink));
   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(--dark-accent));
}

.logoblock{
padding: 0.01rem 1rem;
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(--just-pink));
z-index: 1;
}

.logoblock::after{
content: "";
float: center;
border: solid 2px rgb(var(--dark-accent));
background: url(https://i.ibb.co/ZccffPw/logo-for-pr.png)center/50% no-repeat;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
}

table.wiki-content-table td {
   background-color: rgb(var(--love-pink-smh));
   color: rgb(var(--dark-accent));
}

table.wiki-content-table th {
   background-color: rgb(var(--dark-accent));
   color: rgb(var(--pale-pink-monochrome));
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--pale-pink-monochrome));
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    background-color: #C8666E;
    color: rgb(var(--pale-pink-monochrome));
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav   {
    border-color: #5E0A0A;
    border-width:0 0 2px
}

#side-bar .side-block {
    background: rgb(var(--loveutoojami));
    color: rgb(var(--red-purple-monochrome));
}

#side-bar:hover {
background:  rgb(var(--pale-pink-monochrome));
}

 #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 1s; }

:root {
—anim-position: absolute;
}

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,-60px);
    }
    50% {
      opacity: 1;
      transform: translate(0,14px);
    }

    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }