@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charm&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: "Forevermore";

   --logo-image: url("https://i.ibb.co/q1MdL2q/output-onlinepngtools-5.png");
   --header-title: "На Веки Вечные";
   --header-subtitle: "Я навеки твоя, до скончания времён.";

   --body-font: 'Rochester', sans-serif;
    letter-spacing: .normal;
     font-size: .05rem;
   --header-font: 'Mea Culpa'; serif;
    letter-spacing: .1rem;
    font-size: 200%;
   --title-font: 'Mea Culpa', serif;
    letter-spacing: .1rem;
    font-size: large;
   --mono-font: 'Charm'; monospace;

--reddish-pink-monochrome: 219, 57, 84;
   --blue-monochrome: 110, 39, 59;
   --pale-blue-monochrome: 222, 144, 162;
   --pale-purple-monochrome: 122, 77, 98;
   --red-purple-monochrome: 105, 49, 58;
   --redder-purple-monochrome: 102, 31, 42;
   --pale-red-monochrome: 255, 189, 189;
   --pale-pink-monochrome: 255, 204, 204;
--dark-red: 64, 4, 4;
--even-darker-red: 33, 1, 1;
   --bright-accent: 219, 31, 46;
   --medium-accent: 168, 34, 52;
   --dark-accent: 110, 8, 8;
   --pale-accent: 143, 59, 64;
--light-grey-monochrome: 168, 168, 168;
--green-monochrome: 0, 200, 0;
--white-monochrome: 255, 255, 255;
--dark-purple-monochrome: 48, 21, 22;
--purple-monochrome: 71, 43, 47;
--red-pink-monochrome: 161, 47, 57;
--just-pink: 255, 201, 215;
--redder-pink-monochrome: 222, 164, 169;
--even-paler-blue: 194, 136, 176;
--another-pink-shade: 240, 129, 144;
--penk:

--background-gradient-color: rgb(240, 187, 187);

 --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:  219, 101, 121;
 --swatch-menubg-dark-color: 140, 27, 46;
 --barColour: 198, 33, 33
--swatch-topmenu-bg-color: 245, 118, 139;

 --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: 173, 26, 85;
  --visited-link-color: 143, 3, 59;
   --hover-link-color: 143, 3, 68;
   --new-page-color: 196, 29, 57;
   --sidebar-links-text: 84, 22, 40;
   --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(--pale-red-monochrome)) 20%,
      rgba(var(--redder-pink-monochrome)) 40%,
      rgba(var(-red-pink-monochrome-)) 50%,
      rgba(var(--just-pink)) 60%,
      rgba(var(--pale-pink-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: rgba(217, 91, 125);
   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: rgba(217, 91, 125);
   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));
}

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

#account-topbutton {
    color: rgb(var(--pale-pink-monochrome));
}

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:focus, .yui-navset .yui-nav .selected a:hover {
    background-color: #c75454;
    color: rgb(var(--pale-pink-monochrome));
}

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

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

hr{
   height: 1px;
   background-color: rgba(var(--red-pink-monochrome));
   border: none;
}

.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
   border-color: rgb(var(--red-pink-monochrome));
}