THE WINKWONK PAGE




≡

/*
    Paperstack Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
      Inkblot Theme by Croquembouche
      Word Processor Theme by stormbreath
      Modern Theme by Azamo
      Simple Yonder Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
#page-content { font-size: 0.87rem; }
body { font-family: 'Oxygen', sans-serif; }
 
body {
    color: #000000;
    background-image: linear-gradient(
        to bottom, 
        #EFEFEF, #EFEFEF 276px, 
        #D3D3D3 276px, #ffffff 282px,
        #ffffff 282px, #ffffff 100%);
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.6rem;
    padding: 0.2em;
}
 
.page-source, .code pre, .code p, .code, tt{ 
    font-family: "Fira Code", monospace;
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
}
 
#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: #333333;
  font-family: 'Josefin Sans', sans-serif;
  text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "SCP FOUNDATION");
  font-weight: 300;
  font-size: 1.3em;
}
#header h2::before {
  content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
  font-weight: 600;
  font-size: 1.22em;
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}
#search-top-box input.empty {
    color: #999999;
}
 
div#search-top-box {
    top: 2.3rem;
    right: 8px;
}
 
/* ---- TOP BAR ---- */
 
#top-bar { 
   display: flex;
   justify-content: center;
   right: 0;
   top: 7.9rem;
}
@media (max-width: 768px) {
    .mobile-top-bar {
         display: flex;
         justify-content: center;
         max-width: 100%;
         width: 100%;
         left: 0;
    }
}
#top-bar, #top-bar a {
    color: #333333;
}
 
/* ---- SIDE BAR ---- */
 
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: 0px 0px 7px #999999;
    background: #ffffff;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    border: 1px white;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #fff;
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #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: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #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: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .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: #ffffff;
     background-color: #ffffff;
     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: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: 0px 0px 4px #999999;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: #333333;
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    box-shadow: 0px 0px 7px #999999;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: 0px 0px 7px #999999;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
.page-rate-widget-box .rate-points {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: solid 1px #ffffff;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
 
/* ---- PAGE ELEMENTS ---- */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
 
blockquote,
div.blockquote,
#toc,
.code {
    background-color: #F8F8F8;
    border: solid 1px #F8F8F8;
    box-shadow: 0px 0px 4px #999999;
}
 
.scp-image-block {
    border: solid 8px #ffffff;
    box-shadow: 0px 0px 5px #999999;
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #ffffff;
    border-top: solid 4px #ffffff;
    color: black;
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px #999999;
    background-color: #efefef;
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
    border: solid 1px #999999;
    /* set border for table content */
}
 
div.modalbox {
    border-radius: 0;
    border: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
 
/*-- tags --*/
 
#main-content .page-tags span { max-width: 100%; }
 
#main-content .page-tags a {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.76rem;
    background-color: #FDFDFD;
    border-radius: 0.6rem 0.12rem;
    margin: .25rem .2rem; .5rem .2rem;
    padding: 0.2rem 0.42rem 0.25rem 0.46rem;
    box-shadow: 0.6px 0.6px 1.9px 0.8px rgba(0,0,0,0.27);
}
 
#main-content .page-tags a:before {
    content: "•";
    font-size: 1.1rem;
    float: left;
    position: relative;
    top: -0.19rem;
    left: -0.24rem;
    color: #ffffff;
    background-color: #B8B8B8;
    color: transparent;
    text-shadow: 1px 1px 0.7px rgba(255,255,255, 0.82);
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
}
 
/* ---- CUSTOM SYNTAX ---- */
 
.header-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-around;
  align-content: space-between;
  width: 100%;
  left: 0;
  align-items: flex-start;
  row-gap: 2px;
}
 
.text-item {
  flex-grow: 1;
  max-width: 25%;
  text-align: center;
}
 
.grid-item {
  flex-grow: 1;
  min-width: 25%;
  text-align: center;
  margin: 8px 6px;
}
@media (max-width: 1200px) {
  .grid-item {
    min-width: 50%; 
  }
}
 
.logo {
  position: absolute;
  width: 180px;
  top: -154px;
  left: -17em;
  z-index: -1;
}
@media (max-width: 767px) {
  .logo {
    width: 36%;
    top: -9.7em;
    left: 32%;
  }
}
 
.textbox {
  position: absolute;
  width: 42%;
  top: 7.5rem;
}
@media (max-width: 960px) and (min-width: 767px), (max-width: 666px) {
  .textbox {
    position: relative;
    width: 100%;
    top: 0;
  }
}

/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}

:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}

:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) { 
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}



/*
 
    BASALT Theme
    [2021 Wikidot Theme]
    By Azamo & Placeholder McD
 
    Based on:
 
    Paperstack Theme by EstrellaYoshte
    Minimal Theme by Stormbreath
    BLANKSTYLE CSS by Placeholder McD & HarryBlank
    PLACESTYLE CSS by Placeholder McD
    Simple Yonder Theme by EstrellaYoshte
 
    Tab animation by Croquembouche
 
*/
 
@import url('https://fonts.googleapis.com/css2?family=Work+Sans: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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
 
/* MAIN */
 
/* ======================= */
 
:root {
    --title: " SCP FOUNDATION";
    --subtitle: " SECURE • CONTAIN • PROTECT";
    --barColour: rgb(20, 20, 20);
    --fnColor: rgb(15, 15, 15);
    --logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_logotype_black.png);
    --sidelogo: var(--logo);
    --sidesubtitle: var(--subtitle);
}
 
body {
    background: rgb(255, 255, 255);
    font-family: 'Roboto', sans-serif;
}
 
#main-content {
    top: -2.8rem;
}
 
#container-wrap-wrap {
    overflow-x: hidden;
}
 
/* ======================= */
 
/* HEADER & TOPBAR */
 
/* ======================= */
 
#extra-div-1 {
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 1000vw;
    height: 5rem;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background: white;
}
 
#extra-div-2 {
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 1000vw;
    height: 5rem;
}
 
#extra-div-1::before {
    content: var(--title);
    position: fixed;
    left: 8.5rem;
    top: 0.7rem;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 27.45px;
    animation: slideLeft 1s;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: translateZ(0);
}
 
#extra-div-2::before {
    content: var(--subtitle);
    position: fixed;
    font-size: 1.22em;
    left: 8.5rem;
    top: 2.5rem;
    color: #272842;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    animation: slideLeft 1s;
}
 
#u-header-link {
    display: block;
    position: fixed;
    top: 0.6rem;
    left: 8.3rem;
    height: 3.5rem;
    width: 15.7rem;
    z-index: 21;
}
 
.logo {
    z-index: 10;
    position: fixed;
    width: 4.5rem;
    height: 4.5rem;
    top: 0.2rem;
    left: 3.6rem;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: translateZ(0);
    animation: slideLeft 1s;
    background-image: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 
.logo:hover {
    transform: rotate(348deg);
}
 
#header {
    height: 5rem;
}
 
#header h1,
#header h2 {
    display: none;
}
 
#top-bar {
    position: fixed;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    animation: slideLeft 1s;
    top: 1.7rem;
    max-width: 50rem;
    min-width: 8rem;
    font-size: 90%;
    font-weight: 800;
    left: 25.4rem;
}
 
#top-bar div.open-menu a {
    display: none;
}
 
#top-bar ul {
    float: left;
}
 
#top-bar ul li ul {
    border: none;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    background-color: #F4F4F4;
}
 
#top-bar ul li>a {
    border: none;
}
 
#top-bar a {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #F4F4F4;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border: none;
}
 
#top-bar ul li>a {
    transition-duration: 0.3s;
    transition-property: transform;
    transform: translateZ(0);
}
 
#top-bar ul li>a:hover {
    transform: translate(0px, -3px);
    border: none;
}
 
#top-bar ul li ul li>a:hover {
    animation: none;
}
 
@keyframes translateTop {
    0% {
        opacity: 1;
    }
    100% {
        transform: translate(0px, -3px);
    }
}
 
@keyframes slideLeft {
    0% {
        transform: translate(-200px, 0px);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
 
@keyframes tilt {
    0% {
        opacity: 1;
    }
    100% {
        transform: rotate(360deg);
    }
}
 
#login-status {
    position: fixed;
    top: 0.65rem;
    right: 2rem;
    width: fit-content;
    font-size: 0.78em;
    text-align: center;
    color: transparent;
}
 
#login-status > a > strong {
    margin-right: 0.7rem;
    font-size: 0.7rem;
}
 
#login-status > span {
    color: #333;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
}
 
#login-status span.printuser img {
    font-size: 0;
    transform: translate(6px, 5px);
}
 
#login-status a#my-account {
    display: none;
}
 
#account-topbutton {
    border: none;
    margin-left: -0.25rem;
}
 
div#search-top-box {
    width: 2rem;
    position: fixed;
    top: 0.76rem;
    right: 0.2rem;
    z-index: 21;
}
 
#search-top-box-input {
    display: none;
}
 
#search-top-box-form>input[type=submit],
#search-top-box-form>input[type=submit]:hover,
#search-top-box-form>input[type=submit]:focus,
#search-top-box-form>input[type=submit]:target {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E") 50%/0.8rem no-repeat, #000 !important;
    border: none;
    border-radius: 30%;
    font-size: 0;
    height: 1.2rem;
    width: 1.2rem;
    margin-top: 0.2rem;
}
 
.mobile-top-bar {
    left: unset;
}
 
/* ======================= */
 
/* SIDEBAR */
 
/* ======================= */
 
#u-sb-button {
    display: block;
    position: fixed;
    top: 0.5rem;
    left: 0.9rem;
    height: 4rem;
    width: 45px;
    color: black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    text-decoration: none !important;
    z-index: 21;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: translateZ(0);
    animation: slideLeft 1s;
}
 
#u-sb-button:hover {
    font-weight: 900;
}
 
#side-bar {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 87%, rgba(250, 250, 250, 1) 100%);
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400 !important;
    overflow-x: hidden;
}
 
#side-bar::before {
    content: var(--sidesubtitle);
    background: var(--sidelogo);
    background-size: 4.5rem;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 0.3rem;
    padding-top: 4.7rem;
    display: inline-block;
    border-bottom: double 5px black;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-transform: none;
}
 
#side-bar,
#side-bar:target {
    z-index: 22;
}
 
#side-bar a {
    color: black;
}
 
#side-bar a:visited {
    color: black;
}
 
#side-bar img,
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
#side-bar .side-block {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
    border-color: transparent;
    border-radius: 0px;
}
 
#side-bar .side-block.media {
    background-color: white;
    border-bottom: solid 2px rgb(190, 190, 190);
    border-top: solid 2px rgb(190, 190, 190);
    margin-top: 1rem;
}
 
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
}
 
#side-bar .collapsible-block-folded {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aminimal/expand.png);
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}
 
/* ======================= */
 
/* TABS */
 
/* ======================= */
 
ul.yui-nav a {
    font-family: 'Work Sans', sans-serif;
    padding: 3.5px;
    color: white;
    font-weight: 600;
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav a:hover,
yui-navset .yui-nav a:active {
    color: white;
    background-color: black;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: none;
    border-bottom: dotted 1px grey;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
 
.yui-navset .yui-content>div {
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
 
.yui-navset-top a {
    transition-property: background, background-color;
    transition-duration: 0.2s;
}
 
/* Tab animation by Croquembouche */
/*---------------------------------------------*/
 
#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;
    }
}
 
/*---------------------------------------------*/
 
.yui-navset .yui-content {
    background: transparent;
    box-shadow: none;
    border-bottom: dotted 4px grey;
}
 
/* ======================= */
 
/* TAGS */
 
/* ======================= */
 
#main-content .page-tags a {
    line-height: inherit;
    background-color: rgb(20, 20, 20);
    border-radius: 2px 6px;
    color: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}
 
.page-tags span {
    border-top: none;
}
 
/* ======================= */
 
/* CONTENT */
 
/* ======================= */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: black;
}
 
.top-left-box>.item {
    display: none;
}
 
hr {
    background-color: #333;
}
 
.info-container {
    padding-bottom: 8px
}
 
/* CONTENT > CUSTOM DIVS */
 
/* ======================= */
 
.document {
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0;
    max-width: 550px;
    min-height: 300px;
    padding: 24px;
    padding-top: 50px;
    position: relative;
    width: 80%;
}
 
.document:before,
.document:after {
    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
}
 
.document:before {
    background: #fafafa;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}
 
.document:after {
    background: #f6f6f6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    right: -3px;
    top: 1px;
    transform: rotate(1.4deg);
}
 
.darkdocument {
    background: rgb(30, 30, 30);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0;
    max-width: 550px;
    min-height: 300px;
    padding: 24px;
    padding-top: 50px;
    position: relative;
    width: 80%;
    color: #EDEDED;
}
 
.darkdocument:before,
.darkdocument:after {
    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
}
 
.darkdocument:before {
    background: rgb(25, 25, 25);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}
 
.darkdocument:after {
    background: rgb(25, 25, 25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    right: -3px;
    top: 1px;
    transform: rotate(1.4deg);
}
 
.notation {
    border-left: solid 3px rgb(30, 30, 30);
    border-right: solid 3px rgb(30, 30, 30);
    padding: 25px 25px 25px 25px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 75%;
    margin: auto;
    background: #f7f7f7;
}
 
.modal {
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: auto;
    margin: auto;
    background: rgb(253, 253, 253);
    border: solid 2px #5D5D5D;
}
 
.smallmodal {
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 75%;
    margin: auto;
    background: rgb(253, 253, 253);
    border: solid 2px #5D5D5D;
}
 
.jotting {
    padding: 5px 10px 5px 10px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 75%;
    margin: auto;
    background: #FDFDFD;
    border: dashed 0.1rem #5D5D5D;
}
 
.transcript {
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 80%;
    margin: auto;
    background: rgb(253, 253, 253);
    border: dotted 1px #5D5D5D;
    border-radius: 10px;
}
 
.papernote {
    background-color: #eaeeef;
    color: #21252E !important;
    padding: 0.1rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 30%);
    margin: auto;
    width: 65%;
}
 
.raisa_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png) #fff3ad;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}
 
.raisa_memo>p:nth-child(1)::before {
    content: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.classification_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png) #edf5f3;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}
 
.classification_memo>p:nth-child(1)::before {
    content: "CLASSIFICATION COMMITTEE MEMORANDUM\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.ettra_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png) #f5d7d7;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}
 
.ettra_memo>p:nth-child(1)::before {
    content: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.ethics_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png) #ffdbc4;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}
 
.ethics_memo>p:nth-child(1)::before {
    content: "ETHICS COMMITTEE MEMORANDUM\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.temporal_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png) #ffffff;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
    border: double 3px lightgrey;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}
 
.temporal_memo>p:nth-child(1)::before {
    content: "THE TEMPORAL ANOMALIES DEPARTMENT\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.overwatch_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png) #e3e3e3;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 30px 20px 20px;
    word-break: break-word;
}
 
.overwatch_memo>p:nth-child(1)::before {
    content: "OVERWATCH COMMAND\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.55rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.miscomm_memo {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png) #eeedfa;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 30px 20px 20px;
    word-break: break-word;
}
 
.miscomm_memo>p:nth-child(1)::before {
    content: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS\00000a";
    font-family: 'Work Sans', sans-serif;
    font-weight: 900;
    font-size: 130%;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 0.3rem;
    border-bottom: dotted 0.13rem darkslategrey;
    max-width: 49rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}
 
.raisa_memo a,
.temporal_memo a,
.classification_memo a,
.overwatch_memo a,
.ettra_memo a,
.ethics_memo a,
.miscomm_memo a {
    font-weight: 700;
}
 
.bigtext {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
}
 
.st {
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    text-decoration: underline;
}
 
/* ======================= */
 
/* CONTENT > TABLES */
 
/* ======================= */
 
#page-content .wiki-content-table tr th {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    border: solid 1px #000;
    background-color: #aaa;
}
 
#page-content .wiki-content-table tr td {
    border: 1px #000 solid;
}
 
#page-content .table1 tr th {
    background-color: #D7EFE7;
}
 
#page-content .table1 .st {
    color: #D7EFE7;
}
 
#page-content .table2 tr th {
    background-color: #D8ECF4;
}
 
#page-content .table2 .st {
    color: #D8ECF4;
}
 
#page-content .table3 tr th {
    background-color: #FDF6D7;
}
 
#page-content .table3 .st {
    color: #FDF6D7;
}
 
#page-content .table4 tr th {
    background-color: #FFDABF;
}
 
#page-content .table4 .st {
    color: #FFDABF;
}
 
#page-content .table5 tr th {
    background-color: #F5D8E0;
}
 
#page-content .table5 .st {
    color: #F5D8E0;
}
 
#page-content .table6 tr th {
    background-color: rgba(146, 0, 255, 0.2);
}
 
#page-content .table6 .st {
    color: rgb(146, 0, 255);
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 5px;
    padding-left: -100px;
}
 
.table1 .scp-image-block .scp-image-caption {
    background-color: #D7EFE7;
    color: black;
}
 
.table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
    color: black;
}
 
.table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
    color: black;
}
 
.table4 .scp-image-block .scp-image-caption {
    background-color: #FFDABF;
    color: black;
}
 
.table5 .scp-image-block .scp-image-caption {
    background-color: #F5D8E0;
    color: black;
}
 
.table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
    color: black;
}
 
/* ======================= */
 
/* CONTENT > RATING MODULE */
 
/* ======================= */
 
.rate-points {
    color: black !important;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    font-size: 90%;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rate-points {
    border: none;
}
 
/* ======================= */
 
/* CONTENT > IMAGE BLOCK */
 
/* ======================= */
 
.scp-image-block img {
    background: white;
}
 
.scp-image-block.block-right {
    margin: 0em 0em 1em 2em;
}
 
.scp-image-block.block-center {
    max-width: 99% !important;
}
 
.scp-image-block {
    border: none;
    box-shadow: none;
}
 
.scp-image-block .scp-image-caption {
    border-top: none !important;
    margin-top: 8px;
    background-color: #292929;
    color: #ffffff;
}
 
.scp-image-block img,
.scp-image-block .scp-image-caption {
    outline: solid 1px #444;
    box-shadow: 0px 0px 5px #999999;
}
 
.scp-image-block .scp-image-caption p {
    font-size: 110%;
    font-family: 'Work Sans', sans-serif;
}
 
/* ======================= */
 
/* CONTENT > LINKS */
 
/* ======================= */
 
a {
    color: #0645AD;
}
 
a.newpage {
    color: #CC2200;
}
 
a:visited {
    color: #0B0080;
}
 
.danger-diamond a, .danger-diamond a::selection {
    color: transparent;
    background: none;
}
 
.scp-image-block .scp-image-caption a {
    color: #c5c5c5;
}
 
/* ======================= */
 
/* CONTENT > SCROLLBAR */
 
/* ======================= */
 
::-webkit-scrollbar {
    cursor: pointer;
    border: none;
}
 
::-webkit-scrollbar-thumb {
    background: black;
    cursor: pointer;
}
 
::-webkit-scrollbar-thumb:hover {
    background: rgb(45, 45, 45);
}
 
::-webkit-scrollbar-track {
    background: white;
}
 
/* ======================= */
 
/* CONTENT > COLLAPSIBLES */
 
/* ======================= */
 
a.collapsible-block-link {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(20, 20, 20);
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* ======================= */
 
/* CONTENT > PAGE TITLE / BREADCRUMBS */
 
/* ======================= */
 
#page-title,
.meta-title {
    display: block !important;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #252525;
    border: none;
    margin-top: 3rem;
}
 
#breadcrumbs {
    text-transform: uppercase;
    color: grey;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    margin-top: -1.5rem;
    font-size: 90%;
}
 
/* ======================= */
 
/* CONTENT > BETTERFOOTNOTES INTEGRATION */
 
/* ======================= */
 
.fnnum:hover {
    background: transparent;
    transform: scale(1.3);
}
 
.fnnum {
    transition-duration: 0.2s;
    transition-property: transform;
    transform: translateZ(0);
}
 
.fnnum::after {
    color: #3f21ff !important;
}
 
.fnnum:hover::after {
    color: white !important;
}
 
.fncon {
    background: rgb(25, 25, 25) !important;
    color: #EDEDED;
    border: 0.15rem solid rgb(20, 20, 20);
    border-radius: 2px;
    font-size: 90%;
}
 
/* ======================= */
 
/* @MEDIA QUERIES / MOBILE FORMATTING */
 
/* ======================= */
 
@media only screen and (max-width: 600px) {
    .scp-image-block.block-right {
        float: none;
        margin: 10px auto;
    }
}
 
@media (min-width: 768px) {
    #header,
    #top-bar {
        width: calc(100% - 4.4rem);
        max-width: calc(100% - 4.4rem);
    }
    #main-content {
        max-width: 95%;
    }
}
 
@media (max-width: 1120px) {
    #top-bar {
        font-weight: 600;
        font-size: 80%;
    }
}
 
@media (max-width: 1020px) {
    #top-bar {
        top: 3.2rem;
        left: 7.8rem;
    }
    #extra-div-1::before {
        top: 0.3rem;
    }
    #extra-div-2::before {
        top: 1.9rem;
    }
    #u-header-link {
        height: 2.5rem;
    }
    .document,
    .darkdocument {
        width: 95%;
    }
}
 
@media (max-width: 767px) {
    .mobile-top-bar {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    flex-direction: row;
    }
}
 
@media (max-width: 500px) {
    .logo {
        display: none;
    }
    #top-bar {
        left: 3.6rem;
    }
    #extra-div-1::before,
    #extra-div-2::before {
        left: 4.2rem;
    }
    #u-header-link {
        left: 4rem;
    }
    .document, .darkdocument {
        width: auto;
    }
}
 
@media (max-width: 560px) {
    #login-status span.printuser {
        font-size: 0;
    }
}
 
@media (max-width: 430px) {
    #extra-div-1::before {
        font-size: 23.45px;
        top: 0.5rem;
    }
    #extra-div-2::before {
        font-size: 1em;
        top: 2.1rem;
    }
    #u-header-link {
        width: 13.5rem;
    }
    #login-status {
        right: 1.8rem;
    }
}
 
/* ======================= */
 
/* MISC */
 
/* ======================= */
 
::selection {
    background-color: rgba(0, 0, 255, 0.7);
    color: white;
}
 
select {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    border: solid 2px grey;
    cursor: pointer;
    border-radius: 5px;
}
 
body.wait {
    cursor: wait;
}
 
body.wait * {
    cursor: auto;
}
 
input {
    font-size: 90%;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
}
 
#action-area > p {
    font-size: 90%;
    font-weight: 500;
}
 
#action-area > h1 {
    font-size: 150%;
}
 
div.buttons input, input.button, button, file, a.button {
    margin: 0 2px;
    border: 2px solid grey;
    cursor: pointer;
}
 
#who-rated-page-area > h2 {
    display: none;
}
 
#who-rated-page-area>div {
    column-count: 4;
}
 
@media (max-width: 900px) {
    #who-rated-page-area>div {
        column-count: 3;
    }
}
 
@media (max-width: 700px) {
    #who-rated-page-area>div {
        column-count: 2;
    }
}
 
@media (max-width: 540px) {
    #who-rated-page-area>div {
        column-count: 1;
    }
}
 
.pager .current {
    border-style: solid;
    outline: solid 1px rgb(250, 250, 250);
}
 
.pager a,
.pager .current {
    border-style: double;
    border-width: 3px;
    text-transform: uppercase;
    background: none;
    color: inherit;
}
 
.pager a:hover,
.pager .current:hover {
    text-decoration: none;
    cursor: pointer;
}
 
.pager .target {
    font-weight: 800;
}
 
.w-container {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    border-style: double !important;
    border-width: 4px !important;
    margin: auto;
    width: 90%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
 
.s-cell {
    font-size: 1.25rem !important;
}
 
.anom-bar-container,
.anom-bar-container * {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700;
}
 
#page-content div.warning-box div.text-number, #page-content div.warning div.text-number {
    font-size: 140%;
    font-weight: 400;
}
 
#page-content div.warning-box strong, #page-content div.warning strong {
    font-weight: 700;
}
 
#page-content div.warning-box div.text-top, #page-content div.warning div.text-top {
    font-weight: 800;
}
 
#page-content div.warning-box, #page-content div.warning {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500;
}
 
.collection {
    font-family: 'Work Sans', sans-serif;
    color: #905c5c;
}
 
.footer-wikiwalk-nav {
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
    width: fit-content;
    margin: auto;
    margin-top: 1rem;
}
 
.footer-wikiwalk-nav p {
    color: #EDEDED;
}
 
.footer-wikiwalk-nav a, .footer-wikiwalk-nav p {
    border-radius: 10px;
    background: rgb(20, 20, 20);
    width: fit-content;
    margin: auto;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
 
.footer-wikiwalk-nav a {
    color: #bdbdff;
}
 
.footer-wikiwalk-nav a:hover {
    text-decoration: underline;
}
 
/* MISC > WIKIDOT OWINDOW */
 
/* ======================= */
 
#owindow-1 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
}
 
#owindow-1>div.title.modal-header {
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-size: 90%;
    cursor: default;
}
 
#owindow-1>div.content.modal-body td.active>b {
    font-family: 'Work Sans', sans-serif;
    color: rgb(100, 100, 100);
}
 
#owindow-1>div.content.modal-body>table {
    max-height: 10rem;
    overflow: auto;
    display: block;
}
 
#owindow-1>div.content.modal-body>div {
    margin-top: 1.5rem !important;
    border-top: solid 0.2rem rgb(210, 210, 210);
    padding-top: 1rem;
}
 
#owindow-1>div.content.modal-body>div>div>a {
    background: #870000;
}
 
#owindow-1>div.content.modal-body>div>div>a:hover {
    background: #470000;
}
 
#owindow-1>div.content.modal-body>img {
    filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.3));
    padding: 0px 0px 0px 0px !important;
    background: none;
    background-color: transparent !important;
    margin-right: 1.7rem;
}
 
#owindow-1 {
    font-family: 'Work Sans', sans-serif;
}
 
/* ======================= */
 
/* MISC > EDIT BOX & PAGE SOURCE */
 
/* ======================= */
 
#lock-info {
    box-shadow: 0px 0px 4px #999999;
    background: white;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    margin-left: 1rem;
    font-size: 95%;
    border: solid 1px grey;
    color: #191919;
}
 
#edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div.sub,
#edit-page-form>table.form>tbody>tr>td:nth-child(1) {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}
 
#edit-page-form>table.edit-page-bottomtable>tbody>tr>td:nth-child(1)>div:nth-child(1) {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
}
 
.wd-editor-toolbar-panel ul li a {
    height: 22px;
    width: 22px;
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 2px;
    filter: invert(1), hue-rotate(180deg);
    filter: invert(1) hue-rotate( 180deg);
}
 
.wd-editor-toolbar-panel {
    margin-bottom: 0.5rem;
}
 
input#edit-page-title.text {
    border-radius: 4px;
    font-family: 'Work Sans', sans-serif;
    border: 2px solid #afafaf;
}
 
textarea {
    font-family: 'Roboto', sans-serif;
    padding: 5px 5px 5px 5px;
    font-size: 105%;
    border: 0.13rem solid #949494;
    background-color: #FFF;
    color: #000;
    border-radius: 2px;
}
 
.page-source {
    background: white;
    font-family: 'Roboto', sans-serif;
    font-size: 105%;
    border: none;
    width: 80%;
    box-shadow: 0px 0px 4px #999999;
    padding: 18px 18px 18px 18px;
    word-break: break-word;
}
 
/* ======================= */
 
/* MISC > FONT SIZE/WEIGHT CHANGES */
 
/* ======================= */
 
#page-content strong {
    font-weight: 900;
}
 
#page-content {
    font-size: 110%;
}
 
/* ======================= */
 
#show-upload-button {
    float: unset;
    border-radius: 6px;
    border: solid 1px grey;
    font-size: 0.85rem;
}
 
.edit-help-34 {
    margin-top: 2px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
}
 
.printuser a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
}
 
form,
#action-area>p,
table.page-files td span {
    font-family: 'Work Sans', sans-serif;
}
 
#action-area>table>thead>tr,
#revision-list>table>tbody>tr:nth-child(1) {
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
 
#page-info {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
}
 
#page-info::first-letter,
a.btn.btn-default.button.button-close::first-letter,
a.btn.btn-default.button.button-close-message::first-letter,
a.btn.btn-default.button.button-cancel::first-letter,
a.btn.btn-default.button.button-rename::first-letter,
a.btn.btn-default.button.button-no\,-cancel::first-letter,
#owindow-1 > div.button-bar.modal-footer > a.btn.btn-default.button.button-yes\,-delete::first-letter,
#owindow-1 td::first-letter {
    text-transform: uppercase;
}
 
#owindow-1 td a::first-letter {
    text-transform: lowercase !important;
}
 
.button-bar.modal-footer a.btn.btn-danger,
#owindow-1>div.content.modal-body>div>div>a {
    float: right !important;
    margin-top: -0.73rem;
}
 
td:nth-child(1)>a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
}
 
/* MISC > BUTTONS */
 
/* ======================= */
 
a.btn.btn-danger,
a.btn.btn-primary,
.btn-small,
#owindow-1>div.button-bar.modal-footer>a,
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button,
#owindow-1>div.content.modal-body>div>a.btn.btn-default {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 0.75rem;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(20, 20, 20);
    border-radius: 2px !important;
    cursor: pointer;
    width: fit-content !important;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.3rem;
    margin-right: 0.35rem;
    float: left;
}
 
a.collapsible-block-link:hover,
a.btn.btn-danger:hover,
a.btn.btn-primary:hover,
.btn-small:hover,
#owindow-1>div.button-bar.modal-footer>a:hover,
#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover,
#owindow-1>div.content.modal-body>div>a.btn.btn-default:hover {
    text-decoration: none;
    background: rgb(45, 45, 45);
}
 
#action-area > p:nth-child(5) > a:hover {
    text-decoration: none;
    background: rgb(45, 45, 45);
}
 
#action-area > p:nth-child(5) > a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 0.75rem;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(20, 20, 20);
    border-radius: 2px !important;
    cursor: pointer;
    width: fit-content !important;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    margin-left: 0.3rem;
    margin-right: 0.35rem;
}
 
/* ======================= */
 
#footer,
#license-area {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}
 
#page-content div.collapsible-block {
    margin-top: 13px;
    margin-bottom: 13px;
}
 
div.collapsible-block-content {
    animation: fade 0.4s;
    animation-fill-mode: forwards;
}
 
/* MISC > FOOTNOTES */
 
/* ======================= */
 
.hovertip {
    background: rgb(25, 25, 25) !important;
    border-radius: 2px;
    padding: 5px 5px 5px 5px;
    color: white;
    font-family: 'Work Sans', sans-serif;
    max-width: 400px;
}
 
.f-heading {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 80%;
}
 
.footnotes-footer .title {
    font-size: 0px;
    color: transparent;
    margin-bottom: 15px;
}
 
.footnotes-footer .title:before {
    content: "Footnotes \0026  References";
    color: rgb(25, 25, 25);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.9rem;
    font-family: 'Work Sans', sans-serif;
    cursor: text;
}
 
.footnotes-footer a {
    color: black;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
}
 
.footnotes-footer {
    border-left: solid 3px rgb(20, 20, 20);
    padding-left: 15px;
    margin-top: 6rem;
}
 
.footnote .f-footer,
.equation .e-footer,
.reference .r-footer {
    display: none;
}
 
/* ======================= */
 
#page-options-container a {
    color: rgb(45, 45, 45);
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    font-size: 90%;
    text-transform: uppercase;
}
 
#page-options-container a:hover {
    text-decoration: none;
    color: rgb(2, 2, 2);
}
 
#page-info-break {
    height: 3rem;
}
 
.code pre,
.code p,
.code,
tt {
    font-family: 'Fira Code', monospace;
}
 
#account-options {
    border: none;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    width: fit-content;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    padding: 5px 5px 5px 5px;
    text-transform: uppercase;
}
 
#account-options a {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
    color: grey;
}
 
/* Anendlessusername's invaluable correction of the ACS octagon! */
#page-content .quadrants>div {
    top: 2.25%;
    left: 18.5%;
}
/* WHEN YOU SEE IT... */
 
.licensebox .collapsible-block-link,
.licensebox .collapsible-block-link:hover {
    background: none;
    text-transform: uppercase;
    font-weight: 700;
}
 
/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
 
#page-content span, #page-content a {
    word-break: normal !important;
}

[[/collapsible]]
[[/=]]
:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}
rating: +29+–x
 

The following is a dedicated page for works written by the one and only winkwonkboiwinkwonkboi..A very stupid name. Please continue at your own risk. The aforementioned author sucks at writing, so don't expect anything mind-blowing from them.


Hello There!


You knock on the door as you wait outside the fairly cold weather. You're shaking in your boots as you distract yourself by staring into the midnight sky. Soon enough, the entrance opens.

"Why, hello there! Sorry for the wait. I was cleaning up a bit. Please, come on in."

You enter their house and are presented with a peaceful and cozy view. The golden-laced wallpaper hanging various artworks and pictures of their relatives. You set down your shoes on the wooden floor as you venture through the narrow hallway.

"Welcome to my mansion. You could say it's a hand-me-down from all of our ancestors. Let me lead you to the living room."

The person stops and gestures to an open room, containing a few soft couches and a television, well-lit by a hanging chandelier.

"Have a seat. Make yourself at home. I'll be heading off to the kitchen to fetch some tea. Unless, you don't like tea?"

I don't mind some tea.
I actually prefer coffee. Apologies.


They leave for a brief moment as you await in the warm atmosphere of gold and treasures.

As you sit comfortably in your seat, you catch a glimpse of a table bearing a fair amount of papers. You decide to stand up and observe. You're sure they don't mind. And as you approach with your curiosity eating you up inside, you see that it reads:

Shit I’ve Written


You check what was in store for you.

+ SCP-5245

+ SCP-5763

+ SCP-5358

+ SCP-6199

+ SCP-6545


As you're looking through the written pieces, you hear oncoming footsteps. You turn to see the person holding two steaming cups. They raise an eyebrow.

"I see that you're checking out my literature?"

You nodded.

"How about you sit back down and we can have a talk together? I'd love to hear what your story is, guest."

You sit down and take a cup from them as they sit beside you. Taking a sip, you stated how satisfying it tastes.

"Why, thank you! I am an expert at these sort of things."

You hear the distant clattering of what sounds like pots and pans.

"Ah, excuse me, if you will."

The person exits the room, leaving you alone once again.

You then notice a series of letters laid firmly on the coffee table in front of you. Piquing your interest, you decided to take a peek over the-

Other Associated Shit


'What else is there to see?' you thought.

"You get nothing! YOU LOSE! GOOD DAY SIR!"

~ Willy Wonka (LittleFieryOneLittleFieryOne)


"I mean, he wrote 'King Calcaruler' so he definitely doesn't suck as much as he thinks"


“Monarchism sucks but I’ll make an exception just this once”



Thank You For Coming!


As you hear the sound of the footsteps again, you stash away the letters back into their envelopes and continue to drink your coffee. They enter the room.

"Sorry for the inconvenience. Now, where were we?"

The two of you then discuss on numerous topics over a warm and refreshing beverage.

The End.

More From This Author
‡ Licensing / Citation
_cc_licenseboxauthor
page revision: 50, last edited: 10 Sep 2021 05:03
Edit Rate (+29) Tags Discuss (10) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License