scp-000000000

WELCOME TO THE LONGEST SCP ARTICLE ON THE PLANET! HERE YOU CAN SEE ALL KINDS OF SCP ARTICLES TO CRITIQUE ON, NO SEARCH REQUIRED.

Wow! You flipped a card and got: Colorful Cloud/Rainbow Haze!!! You ca reload the page or go to the next.
DATE: 26 Jun 2021 18:12

CAPTION-GOES-HERE

Item #: SCP-XXXX

Object Class: Euclid

Special Containment Procedures: SCP-XXXX is to have fifthteen tons of SCP-XXXX-Beta airdropped into it at a bidaily interval, five tons are to be dropped near three sides. If this requirement isn't met, it will expand at a rate of [DATA EXPUNGED] per day. When exposed to SCP-XXXX-Beta, SCP-XXXX recoils and shrinks by 20%; it will proceed to escape towards the nearest opening at a rate of 1 km/h. Attempts to completely surround it will result in it shrinking to 90% then violently expanding in size beyond what it previously was, increasing temperatures surrounding it to 322 degrees Celsius for 10 minutes.

All attempts to recreate its' pre-discover containment have failed. The SCP foundation has brought in numerous Buddhist monks and supplied them with knowledge that the Foundation recovered at SCP-XXXX-Alpha. All monks have either failed or died attempting to recreate the containment procedures; surviving monks are given Class-C amnestics while the fatalities are given cover stories.

Description: SCP-XXXX appears to be a slow moving, 6km x 6km x 1km cloud that is located in the area commonly known as the North-South Korean DMZ. It gradually changes colors but never changes into a variation of black, white, or grey. When entered, SCP-XXXX is just like any normal cloud haze. However, there is a [DATA UNAVAILABLE] chance that instances of SCP-XXXX-01 will appear. SCP-XXXX-01 instances have the appearance of lightning ranging from 5m to 20m, that also fluctuate in color.

Discovery: On April 10th, 1951 the Foundation detected large amounts of radiation emanating from the Korean peninsula, the following day General Douglas MacArthur was relieved of military command. On April 12th, 1951 SCP-XXXX was witnessed by reconnaissance teams half a kilometer from the nuclear epicenter; at the time of discovery SCP-XXXX was only 100m x 100m x 50m. The following day SCP-XXXX had increased to 1km x 1km x 200m. Foundation field agents were sent into SCP-XXXX on April 13th, 1951 and to where it was first sighted since it drifted 10km westwards. Radiation reported by both groups of agents were considered normal for nuclear fallout for their areas.

Foundation agents found a charred cave entrance, designated SCP-XXXX-Alpha, 70m from the nuclear epicenter and formed a perimeter; the cave appeared manmade and spiraled downwards for around 20m. At the end of the cave was what appeared to be a door hole that at its base was most likely the ash from a wooden door. Upon walking through the door there was a 3m x 10m x 3m room; the walls of the room were written in what appeared to be some form of archaic Korean painted in a black material that absorbed 99.965% of all light. This material has been designated SCP-XXXX-Beta. At the end of the room was what appeared to be a nuclear shadow of somebody sitting down in meditation. The agents that entered SCP-XXXX reported no abnormalities other than its changing colors. After 10 minutes they had exited on the opposite side.

Foundation scientists arrived at SCP-XXXX-Alpha in the late hours of April 13th, to learn of SCP-XXXX's origin and possible previous containment; by that time, SCP-XXXX had increased its volume by 50%. Historic linguists were brought in and could translate most phrases on the cave walls, but four of the phrases caused one of the linguists to suffer a severe migraine while the other two fell unconscious. When questioned afterwards, the linguists couldn't remember what was written. Readers of modern Korean and non-Korean readers suffered no ill-effects of the four phrases, but obviously couldn't interpret what they meant. Some of the material that the phrases were painted in was scraped off and analyzed. The material's chemical structure was easily identifiable and could easily be mass produced.

Addendum 04-14-1951: The phrases painted on the cave wall were repainted in SCP-XXXX-Beta on the side of military jeeps and driven into SCP-XXXX by D-Class personnel. The D-Class recorded an increase of temperature by 5 degrees Celsius and increased winds surrounding the jeeps. Later a jeep completely covered in SCP-XXXX-Beta and drove into SCP-XXXX. This time upon entering, 3m surrounding the jeep retracted and temperatures increased by 20 degrees Celsius. The Foundation proceeded to spray mist of SCP-XXXX-Beta into SCP-XXXX with similar results.

Addendum 04-15-1951: Foundation aircraft proceeded to airdrop large amounts of SCP-XXXX-Beta all around SCP-XXXX; SCP-XXXX shrunk 90% but then rapidly expanded to its' current size of 6km x 6km x 1km. Aircraft were used again to drop SCP-XXXX-Beta but only on three sides, this caused SCP-XXXX to move away from where the SCP-XXXX-Beta was dropped.

Addendum 04-19-1951: The Foundation led SCP-XXXX to the Sea of Japan in order to contain it offshore to reduce the chance of discovery. Unfortunately, when SCP-XXXX encountered the sea it began to sink. Measures were quickly taken to lead it back ashore.
Arrival of SCP-XXXX-1 Instances: On April 20th, 1951, foundation personnel reported lightning moving within SCP-XXXX. These strands of lightning have been designated as SCP-XXXX-1. Two D-Class personnel, D-7744 and D-888, were sent to investigate. When the two reached 150m of SCP-XXXX the SCP-XXXX-1 instances began to congregate to the area directly in front of them. When the personnel were within 20m, they reported that the SCP-XXXX-1 instances were no longer breaking apart but staying uniform. Within 5m of the cloud, they reported two dull orbs of light floating near one end of each instance of SCP-XXXX-1, the instances also began to rapidly change color at a faster rate than SCP-XXXX.

D-888 was instructed to walk into SCP-XXXX, when his hand went into the cloud, all instances of SCP-XXXX-1 descended to the ground. D-888 reluctantly walked all the way in and SCP-XXXX-1 instances parted in any direction he walked towards. After 5 minutes, D-888 reported that he began to see an outline of several pillars forming 9m from the edge of the haze. D-888 was instructed to walk up to the pillars and make contact. When D-888 made contact with one of the pillars he reported that it began to glow also in a multicolored hue. Meanwhile, D-7744, who was still outside SCP-XXXX didn't report any pillars but could still see D-888.

Footnotes

1. The time it takes for SCP-XXXX to go from one place to another varies between 10 and 20 minutes. It depends on the weight of the person and how many people is carrying.

2. During that time SCP-XXXX said various insults in ancient Greek towards D-class personnel.

3. These 3 entities are presumed to act as judges of the humanoid figures, since they apparently give "sentences" and the humanoid figures obey.

4. An image, video, piece of text, etc., typically humorous in nature, that is copied and spread rapidly by internet users, often with slight variations.

5. A character wearing a mischievous smile, used to symbolize Internet trolls and Internet trolling.

6. When a memetic agent has reached this point, it is colloquially dubbed in mundane circles as "Dank"

7. Amnesticisation, information suppression, etc.

Wow! You flipped a card and got: THE GATEKEEPER!!! You ca reload the page or go to the next.
DATE: 26 Jun 2021 17:33

Item #: SCP-XXXX

Object Class: Safe/Euclid/Keter (indicate which class)

Special Containment Procedures: [Paragraphs explaining the procedures]

Description: [Paragraphs explaining the description]

Addendum: [Optional additional paragraphs]

[[footnoteblock]]

Wow! You flipped a card and got: !!! You ca reload the page or go to the next.
DATE: 26 Jun 2021 16:02

CAPTION-GOES-HERE

Item #: SCP-XXXX

Object Class: Euclid

Special Containment Procedures: The forested area around SCP-XXXX is to

Description: SCP-XXXX refers to an extraterrestrial spacecraft

black box tempo, the end of everything
Drif combustion engine (Iralai technology)

would be classified as a Type III civilization on the Kardashev scale

Decrypted documents from SCP-XXXX's on-board computer revealed its possible origin source, located in the southern region of the GASA-JURA starfield. Observation of this area is currently ongoing, as exoplanets capable of harboring intelligent life have yet to be found in the region.

- Translator (mind?)
- Organic computing
- Journal and logs
- TBOT
- Race
- Engine
exhaust through matter-antimatter annihilation
bosonic > antiparticle collisions
short-lived exotic matter/energy

?- Plant repository (work into other scp)
?- HK container (with seals)

Iralai the Destroyer, the path to the peak, and the distant sky before you, are indeed sublime. The day has come when the ancient power will be unshackled - the seals have begun to fade. It will reward an empty vessel. In our Bastion, space cannot bound you, time is beneath you. I am strong, but you are beyond strength. You are our quasar, and we are your guiding light. The stars do not shine for us, but they will shine for you.

This will be the end of everything.

Addendum: [Optional additional paragraphs]

[[footnoteblock]]

Wow! You flipped a card and got: LynneTheLynx!!! You ca reload the page or go to the next.
DATE: 26 Jun 2021 13:42

[[tabview]]
[[The Predilections of God]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[Power; Interrupted]]
More text in another tab! You can add lots of tabs.
[[/tab]]
[[Site-73]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[The Recruitment of Dr. Braun]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[SCP-XXXX]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[XIII Reasons Why]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[Overseer Council Member Reports]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[One Thousand Five Hundred and Ninety Rooms]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[Timeline and Notes]]
Text goes here. Pretend this is a draft.
[[/tab]]
[[/tabview]]
Wow! You flipped a card and got: SCP-XXXX!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 22:34

WARNING: THE FOLLOWING FILE IS LEVEL 5/XXXX CLASSIFIED

This document is level 5/XXXX classified. Any unauthorized access will result in demotion or possible termination. Attempts to give away the information from this file will also result in demotion to D-Class personnel. You have been warmed.

SCiPNET LOGIN

name
affiliation

2d7dde7ccec9356ea398c6d22cfbf270_1627769055

Login

Login

[VERIFIED] Welcome, 05-14!

Special Containment Procedures:

Description: [Paragraphs explaining the description]

Addendum: [Optional additional paragraphs]

[[footnoteblock]]

Wow! You flipped a card and got: Phantom8-5!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 21:21

---

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
:root {
    /* header measurements */
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: 10rem;
    --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
 
#header {
    background: none;
}
 
#header::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0.75rem;
    background-image: var(--logo-image);
    background-repeat: no-repeat;
    background-position: center -3.5rem;
    -webkit-background-size: auto 8rem;
    -moz-background-size: auto 8rem;
    -o-background-size: auto 8rem;
    background-size: auto 8rem;
    background-position: center top;
    opacity: 0.45;
    pointer-events: none;
}
 
#header h1,
#header h1 a,
#header h1 a::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
}
 
#header>h1>a>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
}
 
#header h1 {
    height: -webkit-calc(100% - 2.25rem);
    height: -moz-calc(100% - 2.25rem);
    height: calc(100% - 2.25rem);
}
 
#header h1 a::before,
#header h1 a {
    text-align: center;
    line-height: 0.8;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    left: 0;
    top: 0.15em;
    margin-left: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
    text-transform: uppercase;
    pointer-events: none;
}
 
#login-status {
    min-height: -webkit-calc(var(--base-font-size) * 1.5);
    min-height: -moz-calc(var(--base-font-size) * 1.5);
    min-height: calc(var(--base-font-size) * 1.5);
    -webkit-border-radius: .0625rem;
    -moz-border-radius: .0625rem;
    border-radius: .0625rem;
    -webkit-border-radius: var(--border-radius-width);
    -moz-border-radius: var(--border-radius-width);
    border-radius: var(--border-radius-width);
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: 3%;
    right: initial;
}
 
#login-status .printuser {
    --wght: 900;
    position: relative;
    top: 0;
    left: 0;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0.25rem;
    margin: 0;
    font-weight: 900;
}
 
#login-status #my-account {
    --wght: 300;
    color: rgb(var(--pale-gray-monochrome));
    font-weight: 300;
}
 
#login-status #account-topbutton {
    border: initial;
    padding: 0.5em 0.5em 0.5em 0.25em;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 1em;
}
 
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--bright-accent));
    background: var(--gradient-header);
    color: rgb(var(--swatch-text-light));
}
 
#account-options ul li a {
    color: rgb(var(--swatch-text-light));
}
 
#account-options li a:hover {
    color: rgb(var(--swatch-text-light));
    text-decoration: underline;
}
 
@media only screen and (min-width: 769px) {
    #search-top-box {
        right: 3%;
        top: 0.5rem;
    }
 
    #search-top-box-form>input,
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        background: rgb(var(--black-monochrome));
    }   
 
    #search-top-box-form>input {        
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
 
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {  
        border: none;
        border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form input[type="submit"] {
        background: rgb(var(--swatch-primary-darkest));
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {
        background: rgb(var(--swatch-primary));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
}
 
#page-title {
    text-align: center;
}
 
@media only screen and (max-width:768px) {
    :root {
        --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    }
 
    #header h1,
    #header h1 a,
    #header h1 a::before {
        top: 0.25rem;
    }
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
        top: 0;
    }
 
    #header h2 span {
        margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
    }
}

: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 > * {
    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 (prefers-reduced-motion) {
    div.anom-bar-container { --timeScale: 0; }
}
 
/*-------------------------*/
 
@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; max-width: 1%;}
    to { opacity: 1; max-width: 100%;}
}
@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)); }
}

Info

---

SCP-XXXX "Remnant Of A Crash" by: Phantom8

---

More from this author

Phantom8's Sandbox

---

The ListPages module does not work recursively.

---

---

Assigned Site	Site Director	Research Head	Assigned Task Force
N/A	N/A	N/A	N/A

---

NOTICE: FOLLOWING THE EVENTS DESCRIBED IN ADDENDUM XXXX.4, SCP-XXXX HAS SELF-NEUTRALIZED. NO FURTHER CONTAINMENT PROCEDURES ARE NECESSARY.

---

RETURN TO LEGACY DOCUMENTATION?

---

RETURN

Wow! You flipped a card and got: ZacharyBreaker!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 17:26

(NOTE FOR ZACH: Hey, this is the SCP template plus the customizable ACS (I added the ACS). If you want to change the ACS, just erase the things like item number, clearance, container class, secondary
class (for esoteric container class), disruption class, or risk class. If you want to know what all the classes are, then go to these pages:
(http://scp-wiki.wikidot.com/anomaly-classification-system-guide) for classes.
(https://scp-wiki.wikidot.com/esoteric-classes-complete-list) for esoteric secondary classes.
If you are confused about secondary classes or ACS or anything else, just call or text me. Make sure to never remove any code, for example, things like "div class="footer-wikiwalk-nav"" you should not remove because it is part of the page. And lastly, to edit this page and do all the things I talked about, just go to the bottom of the page and click edit.)

-Joey

SCP XXXX

Special Containment Procedures: [Paragraphs explaining the procedures]

Description: [Paragraphs explaining the description]

Addendum: [Optional additional paragraphs]

[[footnoteblock]]

Wow! You flipped a card and got: Amadeus Ex Machina!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 16:51

CAPTION-GOES-HERE

Item #: SCP-XXXX

Object Class: Safe/Euclid/Keter (indicate which class)

Special Containment Procedures: [Paragraphs explaining the procedures]

Description: [Paragraphs explaining the description]

Addendum: [Optional additional paragraphs]

[[footnoteblock]]

Wow! You flipped a card and got: Dr Pigeon sandbox!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 13:13

---

+ Show theme code

:root {
    /* New Vars */
    --swatch-menubg-extra-dark-color: 30, 30, 32;
 
    /* Old Vars */    
    --black-monochrome: 20, 22, 24;
    --light-pale-gray-monochrome: 250, 250, 250;
    /* Primary Theme Colors */
    --swatch-background: var(--swatch-menubg-black-color);
    /* Background and Header Colors */
    --background-gradient-color: 10, 10, 10;
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--swatch-menubg-black-color);
    --header-gradient-color-top: var(--swatch-menubg-black-color);
    /* Primary Text Colors */
    --swatch-text-light: var(--light-pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--swatch-menubg-black-color);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
    --rating-module-text-color: var(--swatch-text-general);
    --rating-module-button-color: var(--swatch-text-general);
    --rating-module-button-cancel-color: 100, 100, 100;
 
    --gradient-header: linear-gradient(
        to bottom,
        rgb(var(--header-gradient-color-bottom)) 0%,
        rgb(var(--header-gradient-color-middle)) 90%,
        rgb(var(--header-gradient-color-top)) 100%
    );
 
    --diagonal-stripes: repeating-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
    );
}
 
::selection {
    background: rgb(var(--swatch-primary-darkest));
}
 
#search-top-box-input {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
}
 
#account-options {
  background: var(--gradient-header);
}
 
#login-status {
    color: rgba(var(--swatch-menutxt-light-color),0.5);
}
 
#login-status ul a {
  color: rgb(var(--swatch-menutxt-light-color));
}
 
span.printuser {
    color: rgb(var(--swatch-menutxt-light-color));
}
 
#login-status a#my-account {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -webkit-transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#login-status a#my-account:hover,
#login-status a#my-account:active  {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    text-decoration: none;
    color: rgb(var(--white-monochrome))
}
 
.page-rate-widget-box {
    background: -webkit-gradient(linear,
        left top, left bottom,
        from(rgba(var(--header-gradient-color-bottom),0.5)),
        color-stop(90%, rgba(var(--header-gradient-color-middle),0.15)),
        to(rgba(var(--header-gradient-color-top),0.15)));
    background: -webkit-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -moz-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -o-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: linear-gradient(to bottom,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
}
 
#top-bar div.top-bar > ul > li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}
 
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, 
#top-bar div.mobile-top-bar > ul > li:hover > ul, 
#top-bar div.top-bar > ul > li.sfhover > ul, 
#top-bar div.top-bar > ul > li:hover > ul {
    background: rgba(var(--swatch-menubg-black-color),0.85);
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li > a, 
#top-bar div.top-bar > ul > li > ul > li > a {
    -webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
       -moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
            box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
 
blockquote,
.blockquote,
.code {
    --swatch-border-color: var(--swatch-menubg-light-color);
    border-color: rgba(var(--swatch-border-color),0.25);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: rgb(var(--swatch-primary-darkest));
    border-color: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    --box-shadow: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-general));
}
 
.yui-navset .yui-nav .selected, 
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--swatch-primary-darkest));
}
 
table.wiki-content-table th {
    background: rgb(var(--swatch-secondary-color));
}
 
table.wiki-content-table th,
table.wiki-content-table tr {
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
 
table.wiki-content-table td {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.hovertip {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
    color: rgb(var(--swatch-text-light)) !important;
}
 
#footer {
    color: rgb(var(--swatch-text-general));
}
 
.scpnet-interwiki-wrapper {
    -webkit-filter: initial;
    filter: initial;
    margin-top: 1em;
}
 
.scpnet-interwiki-frame {
    -webkit-filter: invert(0.92) grayscale(1) contrast(1);
    filter: invert(0.92) grayscale(1) contrast(1);
}

Test 1

Item #: SCP-XXXX

SCP-XXXX sitting in his boat

Object Class: Neutralized Safe

Special Containment Procedures: The area of ​​SCP-XXXX must be restricted to public access, with the facade of an ecological research reserve, anyone who wants to enter the area of ​​SCP-XXXX must be stopped, interrogated and then released without first being administered with a class c amnesiac

Description: SCP-XXXX resembles an slender old man in vague ripped dark clothes, between 70 and 80 years old, measuring 1.60 m and weighing approximately 27 kg. It communicates in ancient Greek and understands english, but has refused to do interviews with foundation staff.

SCP-XXXX manifests on top of a 2 meter long and 1 meter wide wooden boat at 12pm on the banks of the Acheron River located in Epirus, Greece. During this period SCP-XXXX offers to take anyone nearby in his boat, as long as he can pay, the normal price being between 1 to 3 silver coins. If no one appears or accepts the trip for 1 hour after its manifestation, he will go in his boat and disappear.

Upon payment, SCP-XXXX waits for the subject (now referred to as SCP-XXXX-B) to enter the boat and begin to row down the river.
At this stage SCP-XXXX and SCP-XXXX-B enter a dimension with a river identical to the Acheron but with a desolate landscape covered in mist that makes it difficult to see through it.

Upon reaching the other end of the river, SCP-XXXX concludes the trip and lands, at this time SCP-XXXX-B can decide whether to stay or return to SCP-XXXX, who will again request a payment of between 1 to 3 silver coins.

Upon payment, SCP-XXXX waits again for SCP-XXXX-B to enter the boat to begin rowing.
At this stage, SCP-XXXX and SCP-XXXX-B leave the previous dimension and return to the normal Acheron River¹.

If SCP-XXXX-B decides to stay, SCP-XXXX will stay on the river bank waiting for SCP-XXXX-B to finish exploring the place, now referred to as SCP-XXXX-C.

SCP-XXXX-C is a hazy and gloomy area with no apparent plant life in the vicinity. Several translucent humanoid entities pass through this area, these entities are one behind the other, forming a row of approximately 500 meters

Discovery: SCP-XXXX was discovered by the foundation after several reports, videos and testimonies in Greece of an old man offering to take people in a boat and disappearing with them shortly after at 12pm.
Upon reaching the area there were a large number of people waiting for SCP-XXXX. They were all interrogated, given type B amnesiacs, and released.

Experiment 1 - 05/06/2015

Subject: Replicate SCP-XXXX's dimensional travel effects

Procedure: A wooden boat manned by a class D has been placed in the Acheron River at 12 PM.

Class D has been instructed to row from one end of the river to the other.

Results: The Class D followed the instructions and rowed from one end of the river to the other, no change was reported by the Class D and it returned without incident.

Analysis: This rules out the possibility that other people could enter SCP-XXXX-C with means other than SCP-XXXX.

Experiment 2 - 06/06/2015

Subject: Use SCP-XXXX's boat and test if the dimensional travel effect can be replicated.

Procedure: SCP-XXXX was removed from its boat by class D personnel². and guarded by 2 foundation guards.

A class D subject was instructed to sit in SCP-XXXX's boat and row from one end of the river to the other.

Results: The Class D followed the instructions and rowed from one end of the river to the other, no change was reported by the Class D and it returned without incident.

Analysis: This experiment confirms that SCP-XXXX is the one who has the capacity for dimensional travel and not its boat.

Addendum 1: SCP-XXXX has been requested to use another type of boat or speedboat to make the trip faster, SCP-XXXX has rejected this request saying "This old ship has been with me for a long time, it would be an insult to replace it. "

Exploration Log:

LEVEL 3 CLEARANCE REQUIRED

Exploration Video Log Transcript

Date: 08/06/2015

Subject: SCP-XXXX-C Exploration

Team Members: D-3546 and D-4507

Equipment: D-3546 and D-4507 are equipped with a camera and a communication radio

---

[BEGIN LOG]

2:05 pm: D-3546 and D-4507 are taken by SCP-XXXX to SCP-XXXX-C

2:12 pm: The camera shows how the landscape gradually changes from being full of vegetation to being dark and foggy.

2:19 pm: The end of the river becomes visible

2:21 pm: SCP-XXXX arrives at SCP-XXXX-C

2:22 pm: Class D are ordered to lower the boat and move in a straight line through SCP-XXXX-C

SCP-XXXX stays and waits in the boat

2:24 pm: A large line of humanoid figures begins to be seen through the camera, D-3546 is instructed to approach a figure and touch it.

D-3546's hand pierces the humanoid entity, there is no observable reaction from the entity.

Both class D are ordered to continue walking

2:45 pm: The D-classes enter a desolate plain where the line of humanoid figures begins.

In front of the humanoid figures are 3 massive humanoid entities³ sitting on 3 different giant thrones talking to each other.

When the 3 entities finish talking to each other, they look at the humanoid figure and speak in unison.
The humanoid figure steps back and walks to the end of the line.

Another humanoid figure stands in front of the 3 entities, after a short discussion they speak in unison and the humanoid slowly walks towards a giant abyss where it is thrown as soon as it arrives by one of the giant entities.

2:55 pm: After several sentences both D class are ordered to return to SCP-XXXX, in that moment, 1 of the giant humanoids notices the class D personnel.

The next shot shows Class D's desperately running towards SCP-XXXX while noisy footsteps are heard getting closer and closer.

The last seconds are of the camera being thrown towards SCP-XXXX's ship, landing on it. The last thing seen before the footage cuts off is SCP-XXXX's very intense expression of fear.

[END LOG]

For 2 days there was no sign of SCP-XXXX or both of the missing class D.

On Monday 11, May, 2015, SCP-XXXX's boat was found without any crew. The only thing on top of the boat was the camera carried by the Class D personnel.

The boat was transferred to the non-anomalous object storage of Site-77

SCP-XXXX's empty boat

Addendum 2: An investigation into possible previous encounters with SCP-XXXX led to the conclusion that SCP-XXXX is or at least resembles Charon, a Greek mythological figure who carried the souls of the dead through the river acheron. Although there are some things that do not coincide, such as the coin of payment that was asked of the living was an olive gold crown, souls that were at the bottom of the river acheron or the souls of deceased heroes roamed the place.

Note from Investigator  ████

Something interesting:

It was said that in the judgment of the underworld the souls had 3 possible sentences:

1- Wander in the underworld

2- Go to the tartarus, a kind of prison for monsters

3- Or go to Elysium, a type of "heaven"

Elysium was a kind of paradise accessed only by blessed or heroic souls.

In the expedition only 2 types of sentences were observed, wandering in the underworld or going to "tartarus".

If the Elisha is something real or not we do not know, perhaps it was an invention of man, or perhaps like it says, it was a unique sentence for certain people."

Update 06/11/2018: SCP-XXXX was found at 12 pm swimming towards the banks of the Acheron river.

SCP-XXXX was provided with a towel to dry off and dry clothing.

Interview:

Interviewed: SCP-XXXX

Interviewer: Investigator ████

Foreword: The interview was translated by members of the foundation's translation team.

<Begin Log>

Investigator ████: Well SCP-XXXX, what made you change your mind and accept this interview?

SCP-XXXX: I only do it so that you understand why I will never take one of you in my boat again

Investigator ████: Please continue

SCP-XXXX: Do you know what place that is?

It's the domain of fucking Hades.

I thought you were going to remember the past and never get closer than you should.

But no, you guys go and infiltrate the fucking court of the dead.

You did not even hide well! You put yourself well in front to have the best view without any fear. Amazing.

What did that cause?

My second imprisonment in hell.

Trust me it's not a good place to be

Those 2 that you sent with me died after 3 days or pure agony.

I served my sentence, I came out of the underworld and now I can go back to doing my job.

Just with a small change: I WILL NOT TAKE ANY OF YOU ALIVE BECAUSE I DO NOT WANT TO SPEND 1 MINUTE STEPPING ON THAT PLACE AGAIN.

<End Log>

Closing Statement: After the interview ended SCP-XXXX continued to insult the investigator in ancient Greek for several minutes, even after he left the scene.

After this SCP-XXXX asked for his boat to be returned immediately.

test2

text text text

Wow! You flipped a card and got: DrLerche5!!! You ca reload the page or go to the next.
DATE: 25 Jun 2021 10:39

---

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
:root {
    /* header measurements */
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: 10rem;
    --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
 
#header {
    background: none;
}
 
#header::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0.75rem;
    background-image: var(--logo-image);
    background-repeat: no-repeat;
    background-position: center -3.5rem;
    -webkit-background-size: auto 8rem;
    -moz-background-size: auto 8rem;
    -o-background-size: auto 8rem;
    background-size: auto 8rem;
    background-position: center top;
    opacity: 0.45;
    pointer-events: none;
}
 
#header h1,
#header h1 a,
#header h1 a::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
}
 
#header>h1>a>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
}
 
#header h1 {
    height: -webkit-calc(100% - 2.25rem);
    height: -moz-calc(100% - 2.25rem);
    height: calc(100% - 2.25rem);
}
 
#header h1 a::before,
#header h1 a {
    text-align: center;
    line-height: 0.8;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    left: 0;
    top: 0.15em;
    margin-left: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
    text-transform: uppercase;
    pointer-events: none;
}
 
#login-status {
    min-height: -webkit-calc(var(--base-font-size) * 1.5);
    min-height: -moz-calc(var(--base-font-size) * 1.5);
    min-height: calc(var(--base-font-size) * 1.5);
    -webkit-border-radius: .0625rem;
    -moz-border-radius: .0625rem;
    border-radius: .0625rem;
    -webkit-border-radius: var(--border-radius-width);
    -moz-border-radius: var(--border-radius-width);
    border-radius: var(--border-radius-width);
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: 3%;
    right: initial;
}
 
#login-status .printuser {
    --wght: 900;
    position: relative;
    top: 0;
    left: 0;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0.25rem;
    margin: 0;
    font-weight: 900;
}
 
#login-status #my-account {
    --wght: 300;
    color: rgb(var(--pale-gray-monochrome));
    font-weight: 300;
}
 
#login-status #account-topbutton {
    border: initial;
    padding: 0.5em 0.5em 0.5em 0.25em;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 1em;
}
 
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--bright-accent));
    background: var(--gradient-header);
    color: rgb(var(--swatch-text-light));
}
 
#account-options ul li a {
    color: rgb(var(--swatch-text-light));
}
 
#account-options li a:hover {
    color: rgb(var(--swatch-text-light));
    text-decoration: underline;
}
 
@media only screen and (min-width: 769px) {
    #search-top-box {
        right: 3%;
        top: 0.5rem;
    }
 
    #search-top-box-form>input,
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        background: rgb(var(--black-monochrome));
    }   
 
    #search-top-box-form>input {        
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
 
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {  
        border: none;
        border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form input[type="submit"] {
        background: rgb(var(--swatch-primary-darkest));
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {
        background: rgb(var(--swatch-primary));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
}
 
#page-title {
    text-align: center;
}
 
@media only screen and (max-width:768px) {
    :root {
        --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    }
 
    #header h1,
    #header h1 a,
    #header h1 a::before {
        top: 0.25rem;
    }
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
        top: 0;
    }
 
    #header h2 span {
        margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
    }
}

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            -webkit-transition:
                opacity var(--sidebar-transition-timing);
            -o-transition:
                opacity var(--sidebar-transition-timing);
            -moz-transition:
                opacity var(--sidebar-transition-timing);
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
            -webkit-border-radius: var(--toggle-roundness, 50%);
            -moz-border-radius: var(--toggle-roundness, 50%);
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
            left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            -webkit-transition:
                left var(--sidebar-transition-timing);
            -o-transition:
                left var(--sidebar-transition-timing);
            -moz-transition:
                left var(--sidebar-transition-timing);
            transition:
                left var(--sidebar-transition-timing);
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            -webkit-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            -o-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            -moz-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within~#main-content::before {
            width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
            width: -moz-calc(100% - var(--sidebar-width-on-desktop));
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #content-wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -moz-box-orient: horizontal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: -webkit-calc(100vw - (100vw - 100%));
            width: -moz-calc(100vw - (100vw - 100%));
            width: calc(100vw - (100vw - 100%));
            min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
            min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            -webkit-box-flex: 2;
            -webkit-flex-grow: 2;
            -moz-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            width: 45.8rem;
            max-width: 45.8rem;
            margin: 0 auto;
        }
 
        @media not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance:none) {
                #side-bar {
                    -webkit-transition:
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    -o-transition:
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    -moz-transition:
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    transition:
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    padding-right: 0;
                    background-color: rgb(0, 0, 0, 0);
                    pointer-events: all;
                    overflow-x: visible;
                    overflow-y: visible;
                    z-index: 999;
                }
 
                #side-bar::-webkit-scrollbar {
                    opacity: 0;
                    -webkit-transition: opacity var(--sidebar-transition-timing);
                    transition: opacity var(--sidebar-transition-timing);
                }
 
                #side-bar .close-menu::before {
                    z-index: 999;
                }
 
                #side-bar .close-menu::after {
                    z-index: 998;
                }
 
                #side-bar:hover .close-menu::before {
                    opacity: 0;
                }
 
                #side-bar:hover {
                    left: 0;
                    background-color: rgba(var(--swatch-menubg-color), 1);
                    padding-right: 0;
                }
 
                #side-bar:hover::-webkit-scrollbar {
                    opacity: 1;
                }
 
                #side-bar:hover~#main-content::before {
                    width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
                    width: -moz-calc(100% - var(--sidebar-width-on-desktop));
                    width: calc(100% - var(--sidebar-width-on-desktop));
                    opacity: 1;
                    pointer-events: all;
                }
            }
        }
    }
}

+ Show

:root {
    --header-title: "SCP FOUNDATION";
 
    --dark-accent: 20, 22, 24;
    --bright-accent: 228, 228, 228;
    --light-gray-monochrome: 84, 84, 84;
    --dark-gray-monochrome: 48,48,52;
    --black-monochrome: 20, 22, 24;
    --medium-accent: var(--bright-accent);
    --tab-border-color: var(--dark-accent);
    --rating-module-button-color: var(--bright-accent);
    --rating-module-button-credit-color: var(--bright-accent);
    --swatch-background: var(--dark-accent);
    /* Background and Header Colors */
    --background-color: var(--dark-accent);
    /* Primary Text Colors */
    --swatch-text-light: var(--bright-accent);
    --swatch-text-general: var(--bright-accent);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--dark-accent);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
    --rating-module-text-color: var(--bright-accent);
    --rating-module-button-cancel-color: var(--gray-monochrome);;
 
    --gradient-header: linear-gradient(
        to bottom,
        rgb(var(--header-gradient-color-bottom)) 0%,
        rgb(var(--header-gradient-color-middle)) 90%,
        rgb(var(--header-gradient-color-top)) 100%
    );
 
    --diagonal-stripes: repeating-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
    );
 
    --toggle-button-bg: rgb(var(--dark-accent));
    --toggle-border-color: rgb(var(--dark-gray-monochrome));
    --toggle-icon-color: rgb(var(--bright-accent));
}
 
.modalbox {
    background: rgb(var(--dark-accent))!important;
    box-shadow: none!important;
    border-color: transparent!important;
    border-radius: 0px!important;
    padding: 4px;
    pointer-events: auto !important;
}
 
#skrollr-body > a {
    display: none;
}
 
body {
    color: rgb(var(--bright-accent));
}
 
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
    color: rgb(var(--dark-gray-monochrome));
}
 
a, a:visited {
    padding: 0 2px;
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
a:hover {
  text-decoration: none;
  background-color: transparent;
  color: var(--bright-accent);
}
 
a.close-menu {
    background-color: transparent;
}
 
a.newpage {
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--bright-accent));
}
 
a.newpage:hover {
  text-decoration: none;
  background-color: transparent;
  color: var(--bright-accent);
}
 
::selection {
    background: rgb(148, 148, 148);
}
 
.creditButton p a {
    background-color: rgb(var(--black-accent));
}
 
#page-content .rate-box-with-credit-button {
    display: inline-flex;
    margin-bottom: .75rem;
    border: .0625rem solid rgba(12,12,12,.25);
    border: .0625rem solid rgba(var(--gray-monochrome));
    border-radius: 0;
    background: rgb(var(--dark-accent));
    background-color: #fcfcfc;
    background-color: rgb(var(--dark-accent));
    padding: 0 .125rem;
    height: var(--rating-module-height);
    overflow: hidden;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a, #top-bar div.top-bar>ul>li>ul>li:hover>a {
    text-decoration: none;
    color: rgb(var(--dark-accent));
}
 
#side-bar .heading 
    background: rgb(var(--dark-gray-monochrome));
}
 
#side-bar .side-block {
    background-color: rgb(var(--dark-accent));
}
 
#side-bar .side-block.resources {
    background: rgb(var(--dark-accent))!important;
}
 
#side-bar .side-block.media {
    background-color: rgba(var(--dark-gray-monochrome))!important;
}
 
#side-bar div.menu-item>a {
    color: rgb(var(--bright-accent));
}
 
#side-bar div.menu-item>a:visited {
    color: rgb(var(--bright-accent));
}
 
.side-block.media a { 
    background: transparent 
}
 
#side-bar .collapsible-block .collapsible-block-folded, #side-bar .heading {
    background: rgb(var(--dark-gray-monochrome));
}
 
#search-top-box-input {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#account-options {
  background: var(--dark-accent);
  color: var(--bright-accent);
   border-color: var(--bright-accent);
}
 
#login-status {
    color: rgba(var(--swatch-menutxt-light-color),0.5);
}
 
#login-status ul a {
  color: rgb(var(--bright-accent));
}
 
span.printuser {
    color: rgb(var(--swatch-menutxt-light-color));
}
 
#login-status .printuser {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}
 
.page-rate-widget-box {
    background: rgb(var(--dark-accent));
    border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color));
}
 
#top-bar div.mobile-top-bar {
    background: rgb(var(--dark-accent));
}
 
#top-bar div.top-bar > ul > li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}
 
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, 
#top-bar div.mobile-top-bar > ul > li:hover > ul, 
#top-bar div.top-bar > ul > li.sfhover > ul, 
#top-bar div.top-bar > ul > li:hover > ul {
    color: rgb(var(--dark-accent));
}
 
blockquote, div.blockquote {
    border: none;
    background-color: rgb(var(--dark-gray-monochrome));
     --swatch-border-color: var(--gray-monochrome);
    box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav li, 
 .yui-navset .yui-navset-top .yui-nav li { 
    box-shadow: none;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: none;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav hover a {
     border-color: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav .selected a {
    color: rgb(var(--dark-accent))!important;
   border-color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    color: rgb(var(--bright-accent));
    background: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
     background: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-dark-color));
    color: rgb(var(--dark-accent));
}
 
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
    color: rgb(var(--bright-accent));
    background: rgb(var(--dark-gray-monochrome));
}
table.wiki-content-table th, table.wiki-content-table tr {
    border: .0625rem solid rgba(var(--bright-accent))!important;
}
 
table.wiki-content-table th {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #141618;
}
 
table.wiki-content-table tr {
    border: 1px solid #e3e3e3;
    color: #e3e3e3;
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.hovertip {
    border: .0625rem solid rgb(var(--dark-gray-monochrome));
    color: rgb(var(--swatch-text-light));
}
 
.hovertip .content {
    padding: 0;
}
 
#footer {
    color: rgb(var(--bright-accent));
}
 
.scpnet-interwiki-wrapper {
    -webkit-filter: initial;
    filter: initial;
    margin-top: 1em;
}
 
.scpnet-interwiki-frame {
    -webkit-filter: invert(0.92) grayscale(1) contrast(1);
    filter: invert(0.92) grayscale(1) contrast(1);
}
 
.scp-image-block {
    border: none;
    --box-shadow: none;
    padding: 0;
    min-width: 100%;
    display: inherit;
}
 
.scp-image-block a {
    background-color: transparent;
}
 
.footnote {
    background-color: rgb(var(--dark-gray-monochrome));
    padding: .625em;
}
 
.footnotes-footer {
    border-left: none;
    background-color: rgba(var(--dark-gray-monochrome));
}
 
.licensebox .collapsible-block-link {
    background: none;
}
 
.printuser img.small {
    vertical-align: -0.4em;
    width: 20px;
    height: 20px;
}
 
#who-rated-page-area .printuser a {
    font-size: 100%;
}
 
#license-area {
    color: rgb(var(--light-gray-monochrome));
}
 
#search-top-box input.empty {
    color: rgba(var(--bright-accent));
}
 
.danger-diamond > .arrows,
.anom-bar > .bottom-box::before {
    background-color: rgb(var(--bright-accent));
}
.anom-bar > .bottom-box {
    box-shadow: 0 -0.5rem 0 0 rgb(var(--bright-accent));
}
 
.bottom-box > .diamond-part {
    box-shadow: -0.5rem 0 0 0 rgb(var(--bright-accent));
}
 
.acs-hybrid-text-bar > .acs-clear > .clearance-level-text::before {
    color: rgba(var(--bright-accent),1);
}
 
.acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::before {
        color: rgba(var(--bright-accent),1);
}
 
.acs-hybrid-text-bar > .acs-risk .risk-class-number::before {
    color: rgba(var(--bright-accent, 12, 12, 12),1);
}
 
.contain-class .class-text::before {
    color: rgb(228 228 228);
}
 
.anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::after {
    color: #e4e4e4;
}
 
.info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link { 
   background: rgb(var(--bright-accent));
} 
 
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
   background: rgb(var(--dark-accent));
}
 
.acs-hybrid-text-bar > a {
        background-color: transparent
}
 
.acs-hybrid-text-bar > .acs-clear > .clearance-level-text::after {
    padding-top: 0.1rem;
    color: rgba(var(--bright-accent),1);
}
 
.acs-hybrid-text-bar > .acs-risk .risk-class-number::after {
color: rgba(var(--bright-accent));
}
 
.acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::after {
    color: rgba(var(--bright-accent),1);
}
 
.danger-diamond a, .danger-diamond a:hover {
    background-color: transparent;
    color: rgba(0,0,0,0);
}
 
.fnnum {
    background-color: rgb(var(--bright-accent));
}
 
.fnnum::after {
    color: #141618;
}
 
.fnnum:hover {
    background-color: transparent;
}
 
.fncon {
    background: rgb(var(--dark-accent));
    border: 2px solid rgb(var(--bright-accent));
}
 
.fncon::before {
    background-color: #141618;
    color: #e4e4e4;
    border: 2px solid rgb(var(--bright-accent));
}
 
.printuser {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.printuser a {
    margin-right: -1px;
    font-size: 14px;
    background-color: none;
}
 
.printuser img.small {
    vertical-align: -0.4em;
    width: 19px;
    height: 18.5px;
}
 
.printuser:hover {
    background-color: transparent;
}
 
.page-tags a {
    background-color: transparent;
    color: rgb(var(--bright-accent));
}
 
@media only screen and (max-width: 768px) {
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
    background-color: rgb(var(--dark-accent));
}
}

Memecon: Trollge

: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 > * {
    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 (prefers-reduced-motion) {
    div.anom-bar-container { --timeScale: 0; }
}
 
/*-------------------------*/
 
@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; max-width: 1%;}
    to { opacity: 1; max-width: 100%;}
}
@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)); }
}

---

Special Containment Procedures:
A designated think tank is to observe trends and the popularity of SCP-6661-2. If popularity declines, the think tank is to evaluate the best course of action. SCP-6661-2 based memetic agents are to be spread throughout the Internet and social media sites as well as Foundation intranet.

Foundation web crawlers are to scan the Internet for SCP-6661-1 instances and look out for any active SCP-6661-1 events.. The final instructions of the SCP-6661-1 are to be redacted whenever possible.

Personnel directly dealing with SCP-6661-1 are to be memetically inoculated prior to being assigned to the object.

Description:
SCP-6661 is a phenomenon surrounding a particular Internet meme⁴. SCP-6661-1 is an Internet meme commonly known as Trollge. This meme spawned as a variant of the Trollface meme.

The meme starts out similar to the how a Trollface comic plays out, with the main character, Trollface⁵, providing instructions to carry out a prank. What distinguishes SCP-6661-1 from a regular Trollface meme is that the prank instructions begin devolving into more macabre instructions with each panel. These steps culminate to an atrocity or sinister event occurring.

The final step of each comic seems to be a cognitohazardous switch that makes a reader carry out the act displayed in the comic. It is estimated that 0.25% of those exposed to SCP-6661-1 are susceptible to its anomalous effects. It is currently unknown on what basis readers are chosen to carry out the skits.

NOTABLE INCIDENTS

+ December 2020 "Pretty Girl" Incident 

Want to get back your girlfriend?

Step 1: Find out her favourite facial cream.

Step 2: Procure the facial cream.

Step 3: Obtain urticant plant (Use gloves)

Step 4: Blend the leaves with the cream, then repack it,

Step 5: Give girlfriend the gift.

Step 6: [REDACTED]

24/12/2020,
Melbourne, Australia:

College student, Leah Miller was hospitalised after applying a facial cream spiked with gympie-gympie (Dendrocnide moroides). The victim had crudely enucleated herself and had attempted to remove her face before being restrained by paramedics. Her ex-boyfriend and fellow college mate, Peter Witkins, was arrested at the scene.

+ December 2020 "Sleepy time" Incident 

Want to help little kids?

Step 1: Get a job at a children's hospital.

Step 2: Make friends with the children.

Step 3: Enter oxygen tank room.

Step 4: Replace tanks with carbon monoxide.

Step 5: Release them from their defective vessels.

Step 6: [REDACTED]

28/12/ 2020,
Bandar Aceh, Indonesia:

15 terminally ill children were killed via carbon monoxide poisoning. Hospital orderly Ajij Hidayat, was identified as the perpetrator after he was caught replacing oxygen tanks with carbon monoxide tanks. During the interrogation, he was recorded calmly stating that he was "delivering them". He has not stated who was the recipient.

+ January 2021 "Harvester Valley" Incident 

Want to have a good holiday?

Step 1: Pack necessary equipment and items

Step 2: Say goodbye to family.

Step 3: Drive to the valley campgrounds.

Step 4: Find local shepherd and his flock.

Step 5: Steal a little lamb.

Step 6: Relish upon it's flesh for it will be your last meal.

Step 7: [REDACTED]

20/1/2021,
Alberta, Canada:

Oliver Desjardins entered local tourist campground and opened fire upon the campers, killing 10 and injuring 14. He was subsequently shot dead by an Emergency Response Team (RCMP) sniper. He had illegally obtained the semiautomatic rifle and handgun.

+ February 2021 "Ascension" Incident 

Oil is lighter than water.

Step 1: Cover yourself in oil

Step 2: Feels good.

Step 3: Cover others in oil.

Step 4: [REDACTED]

16/2/2021,
Bratislava, Slovakia:

At 0200, Jozef Procházka began spraying kerosene onto nearby buildings in his neighbourhood with his water truck. When emergency services were called to the scene, the man stood in front of the active nozzle and ignited a road flare. 26 people including Procházka were killed, and property damage was in the hundreds of thousands.

Reports of floating corpses and objects occurred when it began raining at the site.

+ February 2021 "Red Master" Incident 

[DATA EXPUNGED]

23/2/2021,
Bray, Ireland:

Brother Brendan O'Brien is still at large.
MTF Chi-13 "Choir Boys" were deployed to the site. Defensive perimeter has been set up. Amnesticisation of the population is underway.

Addendum 1
Foundation webcrawlers detected an SCP-6661-1 instance with the final step being heavily distorted. Before, carrying out the necessary expungement, Junior Researcher Michael Ramirez edited out the distortion and scanned the image through a spectrogram generator without authorisation. The following phrase was recorded:

Spectrogram generated by the audio.

[[html]]
<audio preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="http://scp-sandbox-3.wdfiles.com/local--files/drlerche5/d2405797-94a0-4190-a1b2-a34075343938.wav">
</audio>
[[/html]]

TRANSCRIPT:

---

You…see…me?

---

Despite the breach of protocol, Junior Researcher Ramirez's actions provided valuable insight into anomaly. With permission from the O5, a spectrogram was constructed with a reply to the question and spread through the internet. Within 24 hours, another SCP-6661-1 instance with the distortion was detected and isolated.

The following is a record of the messages:

---

Foundation made spectrogram:

[[html]]
<audio preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="http://scp-sandbox-3.wdfiles.com/local--files/drlerche5/untitled.mpeg">
</audio>
[[/html]]

SCP-6661 response:

[[html]]
<audio preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="http://scp-sandbox-3.wdfiles.com/local--files/drlerche5/5efe3043-73fa-4c15-95ec-86213f59c1b2.wav">
</audio>
[[/html]]

TRANSCRIPT

---

5/3/2021: Yes, we see you. Who are you? And why are you doing this?

6/3/2021: People…make…me…People…bored…People…forget…You…mad?… I…am…mad…I…be…weaker…People…now…like…darkness…Adaptation…Embrace…shadow…Chaos…reigns…I…exist…People…see me…I…thrive.

---

It is theorised that the collective popularity of the Trollface meme created a thoughtform which manifests via the meme. SCP-6661-1 came into existence due to the decline in popularity of the Trollface meme. The irrelevance caused the meme to take a darker form to garner back attention.

Therefore, it has been hypothesised that if Trollface became popular again, then the effects of SCP-6661-1 will subside.

Addendum 2:
The percentage of susceptible individuals has been steadily increasing.
The order has been given to carry out the experiment.

Addendum 3:
A think tank of researchers, sociologists, and statisticians is to be assembled to design visual images and media involving Trollface, now designated SCP-6661-2. SCP-6661-2 is then to be disseminated across and within the Foundation intranet as a test. The aim is to saturate media with the memetic agent to the point it achieves popularity due to its overuse.⁶

The think tank has been designated Task Force Hexa-9 "Meme Machine".

Addendum 4:
Incidents involving SCP-6661-1 have slightly reduced. Authorisation by the O5 council to disseminate SCP-6661-2 across the Internet has been given.

Addendum 5:
Due to the increased popularity of SCP-6661-2 memes, SCP-6661-1 instances have decreased to more controllable numbers to allow for standard containment procedures⁷

Addendum 6: 19/9/2021
An unknown SCP-XXXX-2 instance was detected in Hexa-9's database. The instance is currently being scanned for possible cognitohazards and is currently omitted until deemed safe.

+ SHOW SCP-6661-2-919 

---

Access SCiPNET Email? One (1) new message!

To: RECIPIENT
From: SENDER
Subject:Analysis of SCP-XXXX behaviour.

---

Overseer, with all due respect, I think we should be more prudent about the handling of SCP-6661.

The Foundation spent quite a lot of funds on Hexa-9's efforts, which is basically a glorified meme generator, to appease this Thoughtform.

Moreover, I think we should all remember "Red Master". Who knows how many more such events this thing is capable of.

To: RECEPIENT
From: SENDER
Subject: Re:SUBJECT

---

Your concerns are appreciated, however you seem unaware of the nature of what we are dealing with.

For years this Foundation has dealt with anomalies, either coming from other dimensions, the by-product of science, or that have merely existed. SCP-6661 is far different.

The Internet is a powerful thing. Millions of perfect strangers got connected over a cheeky face made in MS Paint, spawning countless jokes, memes, art, lore, parodies; and all this gave birth to an entity formed from collective attention of all these people.

The Trollface Thoughform's purpose is merely to gain the attention from its media to keep itself manifested. It doesn't matter the nature of them. It latched onto SCP-XXXX-1 to feed off of its popularity, but being a thoughtform, it inadvertently gave the instances their anomalous by nature of it.

The incidents, however, were our design.

Not the plan of some malicious deity,

Not by a demonic beast,

Not by a terrorist group or cult,

But by a bunch of people in front of a computer editing and drawing to make something scary.

All the violence. All the monsters. All the chaos.

That was us.

And what…hundreds…. have been made. Hundreds of ticking timebombs floating around the internet waiting for one particular fellow to flip the switch.

So why are we spending valuable funds making memes instead of starving SCP-XXXX to death. Well, we're making Trollface popular again so it latches back onto it. We are giving it the option so it doesn't choose something else, something which could potentially be much more destructive.

By providing it SCP-XXXX-2, were are containing it.

The Bubak/Hastrman

: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 > * {
    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 (prefers-reduced-motion) {
    div.anom-bar-container { --timeScale: 0; }
}
 
/*-------------------------*/
 
@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; max-width: 1%;}
    to { opacity: 1; max-width: 100%;}
}
@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)); }
}

---

Special Containment Procedures:
SCP-XXXX is to be spread throughout the Internet and social media sites as well as Foundation intranet.

Description:
SCP-XXXX is a predatory entity inhabiting Central Europe. It resembles a straw scarecrow.
SCP-XXXX inhabits rural areas, appearing in farmlands and nearby streams as its hunting ground. SCP-XXXX preys upon children between the ages of 2-15.

When hunting, SCP-XXXX straightens its tail and posts itself in crop fields or near streams. At first glance, SCP-XXXX is indistinguishable from normal scarecrows. It stays stationary for long hours, laying in wait for its prey to come by. To lure its prey, the entity mimics the sounds of children, particularly the sound of an infant crying .These voices have been identified to be the voices of its victims.

When the prey gets within close range of SCP-XXXX, it will ambush it, sprouting arm like appendages to grab the child. The entity will then unveil a large sack which it stuffs the children in to. Once captured, SCP-XXXX disappears from the scene.

Addendum 1: Discovery

Addendum 2:
When hunting near rural houses, SCP-XXXX has been recorded to enact more aggressive behaviour to hunt its prey: (See Incident-XXXX-1)

username Month/Day/Year (Day) Hour:Minute:Second #8digitnumber

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum…

---

That's not a pole. That's a damn spine! It's a spine covered in…burlap. Looks like a rattlesnake.

---

Stalking, moving position, auditory lures, "baby's rattle",
When adults are away, home invasion, chasing, kidnapping
Taunting "It was wearing my baby."

The Reaching Man

Mr. Lullaby

Special Containment Procedures:
SCP-XXXX is to be spread throughout the Internet and social media sites as well as Foundation intranet.

Description:
SCP-XXXX is an apparition that appears in hospital wards of terminally ill patients or hospices.

The apparition provides them the option of euthanisation and lulls these patients into a deep sleep and then a coma where it kills them.

Addendum 1: Discovery

Dance! Puppets! Dance!

Special Containment Procedures:
SCP-XXXX is to be spread throughout the Internet and social media sites as well as Foundation intranet.

Description:
SCP-XXXX is a marionette that is hostile to people. However, it interacts friendlily when the individual is carrying out any form of dance in its presence.

However, if the individual stops dancing for a while, the object will revert to its previous behaviour and attack them.

Addendum 1: Discovery

page 41 of 200« previous12...3940414243...199200next »