Erosstrato

Epitaphs of Mine

/*
    Ragnarok Theme
    [2021 Wikidot Theme]
    By MalyceGraves
    Based on:
       Penumbra Theme by EstrellaYoshte
       Paperstack Theme by EstrellaYoshte
       Ad Astra Theme by NatVoltaic and stormbreath
       Inkblot Theme by Croquembouche
       Anderson Robotics Theme by Croquembouche
       BHL Style Collapsible by Monkatraz
*/
 
@import url('https://fonts.bunny.net/css2?family=New+Tegomin&display=swap');
@import url('https://fonts.bunny.net/css2?family=Changa&display=swap');
@import url('https://fonts.bunny.net/css2?family=Courier+Prime&display=swap');
 
#page-content { font-size: 1rem; }
 
body {
    font-family: 'Changa', sans-serif;
    color: #EDEDED;
    background-color: #000212;
    background-image: linear-gradient(
        to bottom,
        rgba(5, 10, 20, .2), rgba(5, 10, 20, .5) 100px,
        rgba(5, 10, 20, .5) 100px, rgba(0, 4, 31, .8) 200px,
        rgba(0, 4, 31, .8) 200px, rgba(0, 2, 18, 1) 400px,
        rgba(0, 2, 18, 1) 400px, rgba(0, 2, 18, 1) 100%),
        url('https://scp-wiki.wdfiles.com/local--files/theme%3Aragnarok-theme/starfield.jpg');
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.2rem;
}
 
/* ---- SCROLLBAR ---- */
 
::-webkit-scrollbar {
  width: 9px;
  background: transparent;
}
 
::-webkit-scrollbar-track {
  background: #050a14;
}
 
::-webkit-scrollbar-thumb {
  background: #ededed;
  border: none;
}
 
::-webkit-scrollbar-thumb:hover {
  background: var(--accentColor);
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
}
 
div#extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--headerColor);
  font-family: 'New Tegomin', sans-serif;
  text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "R A G N A R O K");
  font-weight: 300;
  font-size: 1.3em;
}
#header h2::before {
  content: var(--header-subtitle, "The End of All Things");
  font-weight: 600;
  font-size: 1.22em;
}
 
#login-status {
    color: #ededed;
}
#login-status a {
    color: var(--accentColor);
}
#login-status ul a {
    color: #ededed;
    background: #21252E;
}
#login-status ul a:hover {
    color: var(--accentColor);
}
 
#account-topbutton{
    border: solid 1px var(--accentColor);
}
 
#footer, #footer a {
    background: transparent;
    color: #ededed;
}
#license-area {
     color: #ededed;
}
 
#search-top-box {
    top: 2.2rem!important;
    right: 8px;
}
#search-top-box-form > input[type=submit] {
    border: solid 1px #ededed;
    background: #21252E!important;
    box-shadow: none;
    border-radius: 0;
    color: #ededed;
    transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
    border: solid 1px var(--accentColor);
    box-shadow: none;
    color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
 
/* ---- TOP BAR ---- */
 
#top-bar {
     top: 8.4rem;
     display: flex;
     justify-content: center;
     right: 0;
}
#top-bar, #top-bar a {
     color: #ededed;
     transition: color 0s;
}
#top-bar ul li ul {
    border-color: var(--accentColor);
    overflow: hidden;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #2F333C;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #21252E;
    color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #21252E; /* top bar hover background color */
    color: var(--accentColor);
    transition: color 0.1s linear;
}
 
/* ---- SIDE BAR ---- */
 
div#side-bar{
    background: #21252E;
    clear: both;
    padding: .8em;
    border-radius: 0;
    box-shadow: none;
    overflow-x: hidden;
}
 
#side-bar .heading{
    color: #ededed;
    font-family: 'New Tegomin', sans-serif;
    font-size: 0.94rem;
    border-bottom: solid 1px #ededed;
}
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: none;
    background-color: #21252E;
}
#side-bar .side-block.media {
    background-color:#21252E;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
#side-bar .side-block.resources {
    background-color:#21252E;
}
.side-block .menu-item > .image {
    display: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: none;
    color: var(--accentColor);
    background-color: #050a14;
    border: solid 1px #050a14;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #050a14;
        left: -18.6em;
    }
    #side-bar:target {
        border: none;
        box-shadow: none;
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 18.6em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 18.6em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #side-bar:target .close-menu:hover {
        background: unset;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/ 
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: var(--accentColor);
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #ededed;
     font-weight: bold;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #050a14;
     border: unset;
     box-shadow: none;
     box-shadow: none;
     transition: background-color 0.15s linear;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ededed;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: var(--accentColor);
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ededed;
     background-color: #050a14;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: var(--accentColor);
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #050a14;
     font-weight: bold;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #050a14;
     background-color: var(--accentColor);
}
 .yui-navset .yui-content {
    background-color: #050a14;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/*---- TAB ANIMATION by Croquembouche ---- */
 
.yui-navset .yui-content > div {
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
}
@keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: #3a414f;
     --linkColour: #ededed;
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* Ayer's info-bar patch by Monkatraz */
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
}
#page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: " ";
    display: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
    background-color: #050a14;
    border: solid 2px #050a14;
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
     color: #ededed;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: var(--accentColor);
}
 
#page-content .creditButtonStandalone p a {
    background-color: #050a14;
    border: solid 2px #050a14;
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
    color: #ededed;
}
#page-content .creditButtonStandalone p a:hover {
    color: var(--accentColor);
}
 
#page-content .modalbox {
     background: #2F333C !important;
     color: #ededed;
     box-shadow: none;
}
.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
     margin: unset;
     border-radius: 0;
     border: solid 2px #050a14;
     box-shadow: 3px 0px 0px 0px var(--accentColor);
     background-color: #050a14;
     margin-top: 4px;
     margin-bottom:4px;
     margin-right: 3px;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #050a14;
    border: none;
    color: #ededed !important;
    text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #050a14;
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #050a14;
    color: var(--accentColor);
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #050a14;
    border: none;
}
.page-rate-widget-box .cancel a {
    color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
    background: #050a14;
    color: var(--accentColor);
}
 
/* ---- PAGE ELEMENTS ---- */
 
.page-source, tt{
    font-family: "Courier Prime", monospace;
    font-size: 0.87rem;
}
 .code pre, .code p, .code {
    font-family: "Courier Prime", monospace;
    font-size: 0.87rem;
    color: #050a14;
}
 
h1 {
    color: var(--accentColor);
    font-family: 'New Tegomin', sans-serif;
    font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
    color: #EDEDED;
    font-family: 'New Tegomin', sans-serif;
    font-weight: bold;
}
 
#page-title {
    color: #ededed;
    font-family: 'New Tegomin', sans-serif;
    font-size: 1.65rem;
    text-align: center;
    border-color: #ededed;
}
 
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a {
    color: var(--accentColor);
    transition: color 0.15s linear;
}
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--accentColor);
}
a.newpage { filter: hue-rotate(180deg); }
 
/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover {
    background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
    background: var(--linkColour) !important;
}
 
hr{
    background-color: var(--accentColor);
}
 
blockquote,
div.blockquote,
#toc {
    background-color: #3a414f;
    border: solid 2px #2F333C;
    box-shadow: -3px 0px 0px -0.1px var(--accentColor);
}
 
.code {
    background-color: #F8F8F8;
    border: solid 3px #2F333C;
    box-shadow: none;
}
.scp-image-block {
    border: solid 8px #050a14;
    border-bottom: solid 0px #050a14;
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #050a14;
    border: solid 4px #050a14;
    color: #ededed;
    font-size: 0.84rem;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--accentColor);
    color: var(--accentColor);
    background-color: #050a14;
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
    border: solid 1px var(--accentColor);
    /* set border for table content */
}
 
/* fancy collapsible */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background: #3a414f;
    transition: background 0.25s linear;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 1fr;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷ ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽ ";
}
#page-content .collapsible-block-link {
    text-decoration: none;
    color: #ededed;
    font-weight: bold;
}
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--accentColor);
}
#page-content .collapsible-block-unfolded-link {
    box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* Selection */
::selection {
    background: var(--accentColor);
    color: #ffffff;
}
 
/* Footnotes */
.hovertip {
    font-size: .9rem;
    background-color: #050a14 !important;
    border: solid 1px var(--accentColor) !important;
}
.footnotes-footer {
    background-color: #050a14;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 1.5rem;
    box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
    color: #ededed;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}
 
/* Tags */
#main-content .page-tags a {
    margin-top: .18rem;
}
.page-tags span {
    border-top: 1px solid #ededed;
}
 
/* Pop-Up Windows */
.owindow {
    background-color: #050a14;
    border-color: var(--accentColor);
}
 
.owindow .modal-header {
    background-color: #050a14;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: #050a14;
    color: #var(--accentColor);
    border-bottom: 1px solid #2F333C;
}
 
.owindow .button-bar a {
    background-color: #050a14;
    border-color: var(--accentColor);
    color: #ededed;
}
.owindow .button-bar a:hover {
    background-color: var(--accentColor);
}
 
/* Edit Buttons */
.buttons .btn {
    background-color: #050a14;
    border-color: var(--accentColor);
    color: var(--accentColor);
    padding: 3px 5px;
}
.buttons .btn:hover {
    background-color: var(--accentColor);
    color: #21252E;
}
 
/* Edit Lock Info*/
#lock-info {
    background-color: #050a14;
    border-color: #ededed;
}
 
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
    background-color: #050a14;
}
 
/* Page-History Current */
.pager .current {
    background-color: var(--accentColor);
    border-color: #ededed;
}
 
/* ---- INTERWIKI ---- */
 
.scpnet-interwiki-frame{
    filter: invert(100%) grayscale(100%) contrast(75%);
}
 
/* ---- CUSTOM SYNTAX ---- */
 
.darkbox {
    background-color: #050a14;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
 
.lightbox {
    background-color: #ededed;
    color: #050a14;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
    color: #050a14;
}
 
.limit {
    margin-bottom: -1rem;
    z-index: 5;
 
}
.anchor {
    position: sticky;
    height:0;
    top: 0;
    z-index: 5;
}
.sidebox {
    background-color: #050a14;
    border-top: solid 2px var(--accentColor);
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
/* Sidebox mobile optimization, courtesy of Woed */
@media (max-width: 1290px) {
   .sidebox {
        width: auto;
        max-width: 65vw!important;
        border: none;
        padding-left: 0.4rem; padding-right: 0.4rem;
        top: 0.75rem;
        right: calc(((100vw - 45.8rem)/2) * -1);
        left: initial;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        overflow: visible;
    }
 
    .sidebox::before, .sidebox::after {
        content: " ";
        position: absolute;
        right: 0;
    }
 
    .sidebox::before {
        top: calc(50% - 0.75rem);
        width: 0;
        height: 0;
        border-top: 0.75rem solid transparent;
        border-bottom: 0.75rem solid transparent;
        border-right: 0.75rem solid var(--accentColor);
        transition: border 0.1s ease-in-out 0.1s;
        z-index: 10;
    }
 
    .sidebox::after {
        top: 0;
        max-width: 0.75rem;
        width: 100%;
        height: 100%;
        box-shadow: 0.15rem 0 0 0 var(--accentColor);
        max-height: calc(100vh - 18rem);
        background-color: #050a14;
        z-index: -1;
        transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
    }
 
    .sidebox > * {
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out 0.2s;
        -o-transition: opacity 0.2s ease-in-out 0.2s;
        transition: opacity 0.2s ease-in-out 0.2s;
    }
 
    .sidebox:hover {
        overflow: visible;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
        clip-path: inset(-0.125rem -0.25rem 0 0);
        -webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        -o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
    }
 
    .sidebox:hover::before {
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }
    .sidebox:hover::after {
        box-shadow: 0 -0.125rem 0 0 var(--accentColor);
        right: 0;
        max-width: 100%;
    }
    .sidebox:hover > * {
        opacity: 1;
    }
}
 
@media (max-width:768px) {
    .sidebox, .sidebox:hover {
        right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
    }
}
 
:root {
  --accentColor: #9e9e9e;
  --headerColor: #8a0101;
  --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aragnarok-theme/ragnarok1.png");
}

« Counterpoint | Hub | Lessons for Old Gods »

Desde que era joven, no había sido más que una voz perdida.

Una hermosa y desamparada soprano, llegando al corazón de todos aquellos que tenían el tiempo para escuchar. Quizás fue cuestión de suerte, o quizás a través de algún talento oculto que mi madre mantuvo en secreto antes de fallecer al traerme al mundo. Independientemente de eso, yo no era más que los sonidos cautivadores que nacían de mi garganta.

Solo una carcasa vacía donde una mujer debía estar, llenada por la melodía de mi propio ruido.

Ese tipo de pensamientos me llevaron a aislarme y, por un tiempo, me dieron una excusa para aferrarme a ellos con rencor hacia el mundo. Quizás aún estén ahí en algún sitio, escondidos en lo más profundo de mi mente. Pero creo que ese tiempo ya pasó hace mucho. Ahora, mientras vuelvo a atravesar las puertas del cementerio y escucho la llovizna caer en mi paraguas negro, me permito huir hacia esos pensamientos una última vez.

Tuve esperanzas por un tiempo. Ser como esos otros cantantes famosos, hacer llorar a millones mientras los focos se centraban en mí y solo en mí. De verdad que eso era todo lo que la pequeña Maddie había soñado y por lo que entrenaba cada día. Pero, al final, mis fantasías no estaban preparadas para la cruda realidad. Incluso con mi innegable talento, algo sobre mis sueños simplemente… se desvanecía. Yo era diferente, más distante, quizás. Pasaba las horas del día centrada exclusivamente en mis pensamientos y nada más. Y a muchas personas, especialmente las que querían convertirme en una estrella, no les gustaba eso.

Pero yo sabía que no era así. O al menos, eso creía.

Las perneras de mi pantalón empiezan a arrastrarse y mojarse cuando me detengo al lado de un agujero vacío en el suelo, el que planean llenar esta noche luego del funeral. Por supuesto, aún es muy temprano para que alguien esté acá, pero eso no es un problema. Al contrario, de hecho. Hay muchos lugares peores en los que estar que un cementerio durante una tormenta nocturna inminente. Y la serenidad que ofrece es justo lo que necesito.

Quizás esa es en parte la razón por la que me convertí en una cantante de funerales. Después de todo, es uno de esos trabajos en los que no muchas personas piensan o respetan, pero paga bien. Bueno, lo suficiente para que una marginada haga su trabajo sin quejarse, al menos.

Lo único que me quedaba por lo que valiese la pena preocuparme era mi moribundo padre. Y él nunca hacía preguntas, siempre y cuando el dinero pagase las cirugías. Así que, sin opciones reales o ganas de quejarme, acepté la propuesta apenas surgió. Una decisión que, me doy cuenta ahora, valió más de lo que pensaba.

La mayoría odiaría ver tanta muerte. Estar siempre cerca de algo tan incomprensible e infinitamente aterrador por dinero no valía la pena, no para ellos. Pero yo no era como los demás. Nunca me molestó venir a cantar para las almas desafortunadas. ¿Por qué iba a hacerlo? No es como si la vida de esa persona importase. A mí o a cualquier otro. Solo quería el dinero. Y siempre me daban mucho.

Mientras preparan el agujero de 6 pies de profundidad para su nuevo residente, miro mi reloj. Aún faltan diez minutos para que lleguen. Tiempo suficiente para terminar lo que necesito hacer. Respiro hondo, puedo casi saborear la humedad en el aire a medida que las gotas de lluvia continúan cayendo sobre mi paraguas, algunas incluso caen directo a mi cuerpo. Ni siquiera logro hacerme estremecer.

Durante más de dos décadas de mi vida, hice lo que se me pedía sin quejarme. Día tras día, observaba y estudiaba los rostros contorsionados y afligidos de hombres y mujeres mientras caían presas de la muerte. Y en esos veinte años, llegué no solo a apreciarlo, sino también a comprenderlo, en su propio sentido retorcido. Con cada persona que bajaban a la tierra mientras mi canto llenaba el aire, me acercaba un poco más a comprender qué era realmente la muerte. Por qué era así. Por qué tenía que ser así.

Entonces, mi padre falleció. Y fue entonces cuando lo comprendí del todo. El propósito de la muerte, su verdadera razón de existir. Algo que nunca podría esperar explicar a nadie más. Ahora ya no hay nada más dentro de mí. Solo esta sensación de felicidad y comprensión absoluta. Pero no necesito nada más.

La familia y los amigos en duelo aparecieron ante mis ojos mientras parpadeaba para apartar la lluvia, con los rostros iluminados por el repentino destello de un rayo en la lejanía. Pasó un instante y volví a respirar, con mi mente trabada mientras esos pensamientos retorcidos eran sustituidos una vez más por la realidad. Casi como si el mundo me hubiera sacado de mi trance por un instante. Un instante lo suficientemente largo como para recuperar la compostura, aclararme la garganta y empezar a cantar.

Fue muy difícil ajustarme a esta nueva vida luego de que murió. Fue raro volver a una casa vacía, cocinar para nadie y no tener con quién hablar. Se sintió… extraño. Pero, curiosamente, no fue porque sintiera apego por él. Se sentía extraño porque era lo único que conocía además del trabajo.

Pero incluso mis sentimientos y esas fantasías eventualmente acabaron por desaparecer, dejando solo esta dura realidad y un cascarón vacío de nada más que trabajo y una voluntad de encontrar… algo, cualquier cosa ahí fuera. Un deseo de entender. Una necesidad de comprender por qué todo — no solo la muerte — era así. Y, al debido tiempo, encontré mis respuestas.

Lloran y sollozan a medida que llego al crescendo, sus lágrimas se mezclan con la lluvia mientras me esfuerzo en no sonreír con satisfacción presuntuosa. Sollozan, miran la imagen de aquel que perdieron, mientras termino mi última canción. A medida que las notas que, solo hace un instante, estaban llenas de vida se desvanecen en la nada llevadas por el viento, el grupo se sienta y yo me uno a ellos mientras se recuperan del duelo. Me agradecen y acepto sus palabras, forzando una falsa expresión de tristeza en mi rostro.

Hay cierto nivel de ironía en nuestra realidad que siempre me ha divertido. Antes de aceptar este trabajo nunca se me habría pasado por la cabeza la idea de la magia. O lo paranormal. Eso fue hasta que empecé a oír rumores de ello a donde sea que fuese. Algo demasiado poderoso y tan absurdo que incluso el más lógico de los científicos ni siquiera podría empezar a explicar. Pronto, me encontré en lugares que nunca pensé hallar, con personas que solo había visto en cuentos de hadas y leyendas. En un momento, pensé que me había vuelto loca. Al siguiente, supe que esto era lo que necesitaba para llenar ese agujero en mi alma que había dejado mi padre.

Las personas que vi — si puedes siquiera llamarlo personas — hablaban de cosas que superaban mis sueños más locos, de conceptos que, para toda la lógica que alguna vez conocí, no deberían existir. Pero no eran sueños. Era nuestra realidad. Una realidad que, como pronto me di cuenta, era lo único real que existía. Y esas personas — no, mis conocidos — me mostraron esa verdad.

Hablaron de la [[[scp-012|Gran Sinfonía]], la cual era… rara, incluso para mis nuevos y expandidos estándares. Una búsqueda predestinada por algún santo para encontrar a quien se terminaría convirtiendo en el gobernante de todo, en el sentido que quisieran darle. Deseaban convertir el mundo en una obra maestra de su propia mano. De verdad eran las palabras de unos locos, parloteando incesantemente sobre cosas demasiado grandiosas para que pudieran comprenderlo.

Pero para mí no era demasiado.

Y ahí fue cuando ocurrió, creo. Justo cuando veía a esos hombres poner a otra persona seis pies bajo tierra, me empecé a dar cuenta. Ahora, en vez de sentir que los muertos ya no importaban, me di cuenta de que sus muertes eran todas parte de un plan común. Una trama general, todos cantando la misma canción. La misma melodía —de lo que esos locos susurraban tras puertas cerradas, era todo real.

Y ahora, lo escuchaba en todos lados. La música. Pero no venía de todo, no — solo de todo el mundo. Era abrumador, la gran cantidad de estímulos que me forzaban a tragar a cada segundo. Pero, entonces, mientras caía otra vez en mis fantasías, todo paró. Liberada de agonía, mis pensamientos inmediatamente derivaron a la Gran Sinfonía, eclipsada por todos esos sonidos horribles que todos escupían de sus labios. Y entonces escuché su tenue tonada. Y mi corazón se detuvo por un segundo, haciéndome cerrar los ojos.

Cuando los abrí otra vez, el mundo era diferente. No era solo horrendo, no — estaba activamente cantando burlas hacia mí, haciendo cada momento insufrible. Sin la canción de pura belleza que hacía que mi dolor se desvaneciera en la nada, la vida simplemente no valía la pena. Así que decidí hacer que valiese otra vez. En ese mismo momento, decidí que encontraría los fragmentos restantes de la melodía. Pero no lo haría como todos los demás, corriendo estúpidamente alrededor del mundo para encontrar una mera nota. No. Lo haría a mi propia manera.

La lluvia para mientras la última hora del día pasa. Abro mis ojos otra vez, finalmente, miro a quien se sacrificó para completar la Sinfonía esta vez. “Adrianne Jefferson”. Sonrío antes de pararme, dándome cuenta de que ya había olvidado quién era. Aunque tampoco importa. Ninguno de los dos mil nombres que he tachado desde la epifanía han importado.

Algunos oran por fortuna, otros por buena salud o amor. Y, para los pocos especialmente valientes, hay quienes le piden perdón a sus dioses. Pero yo no. Yo tengo una meta en mente. Encontrar los restos destrozados de lo que es ahora mi verdadera vocación, encontrarlos entre los infinitos pasillos llenos de únicamente voces gritando que necesito silenciar para escuchar de verdad. Lo necesito porque, un día, la sinfonía estará completa. Debe estarlo, porque ese es el único modo en que esta realidad pueda vivir en armonía.

Y cuando ese día inevitablemente llegue, seré la única que la cantará.