But I'm on the outside, I'm looking in

I can see through you, see your true colors

Wait for the answer to open the door

I can see through you, see to the real you

( Outside - Staind )

SCP-7640 - A Window to Our Souls

/*

Foxtrot Sigma-9 Theme
[2022 Wikidot Theme]
By Liryn

*/

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://rsms.me/inter/inter.css');

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* VARIABLES */

:root {

/* VARIABLES > Core */

--header-title: "SCP Foundation";
--header-subtitle: "SECURE, CONTAIN, PROTECT";
--logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg);
--darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg);
--logo-opacity: 14%;

--head-font: 'Sans Normalcy';
--ui-font: 'IBM Plex Sans';
--mono-font: 'JetBrains Mono', 'Fira Code', monospace;
--page-font: 'Inter', 'verdana';
--base-font-size: 0.9rem;
--page-font-size: 1rem;

/* VARIABLES > Misc */

--header-txt-color: #333333;
--subheader-txt-color: rgb(var(--accent));
--misc-txt-color: #464646;
--link-txt-color: #E6283C;
--link-hover-txt-color: white;

/* VARIABLES > Color Accents */

--accent: var(--acc-default);

--acc-default: 59, 59, 59;
--acc-wyoming: 142, 0, 18;
--acc-canada: var(--acc-default);
--acc-poland: 87, 44, 17;
--acc-slothspit: 27, 60, 133;
--acc-vanguard: 0, 153, 75;
--acc-threshold: 121, 113, 130;
--acc-overwatch: 28, 37, 56;
--acc-spc: 0, 165, 200;
--acc-fishing: 67, 111, 145;
--acc-nightfall: 151, 0, 2;
--acc-hybrasil: 27, 60, 133;
--acc-goc: 39, 84, 149;
--acc-spooky: 252, 112, 40;

/* VARIABLES > BetterFootnotes */

--fnColor: var(--link-txt-color);
--fnLinger: 1s;

}

/* VARIABLES > Info Bar */

.info-container {
--barColour: rgb(var(--accent));
--linkColour: #EDEDED;
}

/* MAIN */

html {
scroll-behavior: smooth;
overflow-x: hidden;
}

body {
font-family: var(--ui-font), sans-serif;
font-size: var(--base-font-size);
color: rgb(51, 51, 51);
background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
}

div#container-wrap {
background: none;
}

#content-wrap {
margin: 2em auto 0;
}

#page-content {
font-family: var(--page-font), var(--ui-font), sans-serif;
font-size: var(--page-font-size);
font-weight: 440;
}

#page-content strong {
font-weight: 700;
}

tt,
.page-source,
pre,
#edit-page-textarea {
font-family: var(--mono-font);
}

ol li {
margin: 0 0 1em;
}

ul {
margin: 1em 0;
}

li,
p {
line-height: 1.5;
text-underline-offset: 40%;
}

::selection {
background: rgb(var(--accent));
color: #fff;
}

/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: var(--link-txt-color);
}

a:hover,
a.newpage:hover,
a:visited:hover,
#side-bar a:visited:hover {
color: var(--link-hover-txt-color);
text-decoration: none;
background-color: var(--link-txt-color);
}

a {
transition-duration: 0.1s;
}

/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover,
#page-content .collapsible-block-unfolded-link a:hover,
#page-content .rate-box-with-credit-button .fa-info:hover,
#side-bar .side-block.media a:hover,
.danger-diamond a:hover {
background: transparent;
}

.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
background: var(--linkColour) !important;
}

/* MAIN > Header */

div#header {
background: none;
height: 160px;
}

#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}

#header h1 a::before,
#header h2::before {
color: var(--header-txt-color);
letter-spacing: 1px;
font-family: var(--head-font), sans-serif !important;
font-weight: 900;
text-shadow: none;
}

#header h1 {
margin-top: -0.3rem;
}

#header h1 a {
width: fit-content;
margin: auto;
}

#header h1 a::before {
content: var(--header-title);
font-size: 1.3em;
}

#header h2::before {
content: var(--header-subtitle);
font-family: var(--ui-font) !important;
font-weight: 700;
font-size: 1.4em;
color: var(--misc-txt-color);
line-height: 26px;
margin-top: 0.35rem;
display: block;
text-transform: uppercase;
}

#header h1,
#header h2 {
margin-left: 0;
float: none;
text-align: center;
}

#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}

div#extra-div-1 {
height: 160px;
width: 100%;
top: 7px;
position: absolute;
background: var(--logo-img) 10px 30px no-repeat;
background-size: 130px;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
opacity: var(--logo-opacity);
}

/* MAIN > Header > Search Box */

#search-top-box-form>input[type=text] {
display: none;
}

#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
border: none;
background: rgb(var(--accent));
box-shadow: none;
border-radius: 5px !important;
color: #efefef;
font-family: var(--ui-font);
font-size: calc(var(--page-font-size) - 10%);
}

#search-top-box input.empty {
color: #999999;
}

#search-top-box {
position: absolute;
top: 47px;
width: unset;
}

/* MAIN > Header > Top Bar */

#top-bar,
#top-bar a {
top: 10rem;
}

#header #top-bar ul {
border-radius: 10px;
border: none;
background: rgb(var(--accent));
padding-left: 15px;
padding-right: 15px;
}

#header #top-bar a {
color: white;
background: rgb(var(--accent));
font-weight: bold;
}

#header #top-bar ul li ul {
padding: 0px;
border-radius: 0px;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
border-left: solid 1px #FFF;
border-right: solid 1px #FFF;
}

#top-bar ul li ul li a:hover {
color: rgba(255, 255, 255, 0.83) !important;
line-height: 230%;
text-indent: 3px;
}

#top-bar {
display: flex;
justify-content: center;
right: 0;
}

.mobile-top-bar {
left: unset;
}

/* MAIN > Header > Login Info */

#login-status {
top: 19px;
}

#login-status,
#login-status a {
color: #333333;
}

@media (max-width: 767px) {
#header .printuser {
font-size: 0;
}
}

.printuser a {
margin: 0;
}

.printuser img.small {
width: 18px;
height: 18px;
padding: 1px 4px 0 0;

background-image: none !important;
}

@media (max-width: 767px) {
#header .printuser img.small {
transform: translate(0, 4px);
}
}

#my-account {
display: none;
}

@media (max-width: 767px) {
#account-topbutton {
margin: 0 0 0 5px;
}
}

/* MAIN > Header > Side Bar */

#top-bar .open-menu a {
border-radius: 0px;
border: none;
background: rgb(var(--accent));
color: white;
}

#side-bar {
background: #FFF;
}

@media (min-width: 768px) {

#side-bar {
padding: 0.3em 0.6em 0 0.6em;
width: 18.75em;
transition: left 0.2s ease-in-out;
direction: rtl;
text-align: left;
border-right: none;
}

}

#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media,
#interwiki .side-block {
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
box-shadow: none;
margin-bottom: 6px;
direction: ltr;
background: transparent;
}

#side-bar .side-block.resources {
text-align: center;
}

#side-bar .heading {
color: var(--misc-txt-color);
border-bottom: solid 2px #cfcfcf;
font-size: 9pt;
font-family: var(--head-font);
font-weight: 800;
text-transform: uppercase;
}

/* CONTENT */

/* CONTENT > Blockquotes, Custom Divs */

.blockquote,
div.blockquote,
blockquote {
border: solid 2px rgba(0, 0, 0, 0.15);
background: #f7f7f7;
}

.jotting {
padding: 1.3em;
margin: 1em 4.5em;
border: dashed 2px rgba(0, 0, 0, 0.2);
background: #f7f7f7;
}

.notation {
padding: 1em 1.5em;
margin: 1em 3em;
border-left: solid 3px rgba(0, 0, 0, 0.35);
border-right: solid 3px rgba(0, 0, 0, 0.35);
background: #f7f7f7;
}

.modal {
padding: 1.2em;
margin: 1em 3em;
border: solid 5px rgba(0, 0, 0, 0.15);
background: #fbfbfb;
}

.quote {
padding: 0.4em 2em;
margin: 3em auto;
border-left: solid 3px #bbb;
max-width: 500px !important;
}

.paper {
padding: 1.5em;
margin: 2em;
background: #FFF;
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
}

.box {
padding: 1px 9px;
border: solid 3px #bbb;
margin: 0.5em 1em;
}

div.note {
font-size: unset;
border: 2px solid #afafaf;
background-color: #fff;
}

.round {
border-radius: 10px;
}

/* CONTENT > Headings, Titles */

#page-title,
.meta-title {
font-family: var(--ui-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
border-bottom: solid 2px rgba(0, 0, 0, 0.2);
width: fit-content;
margin: 0 auto 1.5rem;
}

#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs {
text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--head-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
}

h1,
h2 {
font-weight: 800;
}

.footnotes-footer .title {
font-family: var(--head-font), sans-serif;
color: #3b3b3b;
font-weight: 800;
}

/* CONTENT > Rate Module */

#page-content .creditRate {
margin: unset;
font-family: var(--ui-font);
float: unset !important;
}

#page-content .rate-box-with-credit-button {
background-color: #fff;
border: solid 1px #bbb;
box-shadow: none;
border-radius: 0;
}

#page-content .rate-box-with-credit-button .fa-info {
border: none;
color: #333;
}

#page-content .rate-box-with-credit-button .fa-info:hover {
background: #333;
color: #fff;
}

.rate-box-with-credit-button .cancel {
border: solid 1px #fff;
}

.page-rate-widget-box {
box-shadow: none;
border: solid 1px #bbb;
margin: unset;
margin-bottom: 4px;
border-radius: 0;
font-family: var(--ui-font);
}

.page-rate-widget-box .rate-points {
background-color: #fff !important;
color: #333 !important;
border: none !important;
border-radius: 0;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #fff;
border-top: none;
border-bottom: none;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #333;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #333;
color: #fff;
}

.page-rate-widget-box .cancel {
background: #fff;
border: none;
border-radius: 0;
display: inline-block;
}

.page-rate-widget-box .cancel a {
color: #333;
}

.page-rate-widget-box .cancel a:hover {
background: #333;
color: #fff;
border-radius: 0;
}

#page-content .rate-box-with-credit-button .page-rate-widget-box {
border: none;
}

/* CONTENT > Rate Module > Author Label */

.authorlink-wrapper {
--author-top-adjust: 0;
--author-bottom-adjust: 0;
--author-right-adjust: 0;
font-family: var(--ui-font);
font-size: var(--base-font-size);
}

/* CONTENT > Side Box */

.anchor {
position: sticky;
height: 0;
top: 0;
}

.sidebox {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: calc(100vh - 18rem);
position: absolute;
top: 0;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
}

@media (max-width: 1290px) {
.sidebox {
display: none;
visibility: hidden;
}
}

/* CONTENT > Image Block */

.scp-image-block .scp-image-caption {
background-color: #f4f4f4;
color: #3b3b3b;
border: solid 2px rgba(0, 0, 0, 0.1);
margin-top: 10px;
box-sizing: border-box;
border-radius: 5px;
}

.scp-image-block {
border: none;
box-shadow: none;
}

.scp-image-block img {
border: solid 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}

.imagediv {
float: right;
margin: 15px
}

@media (max-width: 540px) {
.imagediv {
float: unset;
text-align: center;
margin: 1.3rem auto 1.3rem auto;
}
}

@media only screen and (max-width: 600px) {
.scp-image-block.block-right {
float: none;
margin: 10px auto;
}
}

/* CONTENT > Tables Base */

#page-content tr th {
padding: 6px;
border: 2px solid rgba(0, 0, 0, 0.2);
}

#page-content tr td {
padding: 12px;
border: 2px solid #bfbfbf;
line-height: 1.4;
}

#page-content .sidebox tr td,
#page-content .sidebox tr th {
padding: 0.35em;
}

/* CONTENT > Tables Customization (Table Coloring System) */

/* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */

#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
background-color: #E0FFD4;
}

#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
background-color: #D8ECF4;
}

#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
background-color: #FDF6D7;
}

#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
background-color: #FFDFCD;
}

#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
background-color: #FFCFCF;
}

#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
background-color: rgba(146, 0, 255, 0.2);
}

.tableb .wiki-content-table {
border-collapse: separate;
border-spacing: 2px;
}

/* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.blockquote.table1,
div.blockquote.table1,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
background: rgb(224, 255, 212);
}

.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.blockquote.table2,
div.blockquote.table2,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
background: rgb(226, 244, 255);
}

.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.blockquote.table3,
div.blockquote.table3,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
background: rgb(255, 245, 189);
}

.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.blockquote.table4,
div.blockquote.table4,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
background: rgb(255, 223, 205);
}

.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.blockquote.table5,
div.blockquote.table5,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
background: rgb(255, 207, 207);
}

.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.blockquote.table6,
div.blockquote.table6,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
background: rgb(255, 218, 255);
}

/* CONTENT > Tabs Base */

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: inherit;
background-image: inherit
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: inherit;
text-decoration: inherit
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
color: inherit;
background: inherit
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: inherit
}

.yui-navset li {
line-height: inherit
}

/* CONTENT > Tabs Customization */

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: #333333;
box-shadow: none;
}

.yui-navset .yui-nav a,
/* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a {
color: #333333;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: #efefef;
border: unset;
box-shadow: none;
box-shadow: none;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: #ffffff;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: #333333;
}

.yui-navset .yui-nav li,
/* ---- Listitem Modifier ---- */
.yui-navset .yui-navset-top .yui-nav li {
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #ffffff;
border-color: transparent;
box-shadow: none;
}

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.yui-navset .yui-nav li em {
border: unset;
}

.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: .35em .75em;

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.yui-navset .yui-nav .selected,
/* ---- Selection Modifier ---- */
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
padding: 0;
/* ---- Tab Background Colour | [SELECTED] ---- */
background-color: #333333;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: none;
}

.yui-navset .yui-nav .selected a {
width: 100%;
color: #ffffff;
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: #ffffff;
background-color: #333333;
}

.yui-navset .yui-content {
background-color: #ffffff;
box-shadow: none;
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
padding: .5em;
border: 1px solid #333;
box-sizing: border-box;
}

/* CONTENT > WORDS NO BROKEY. CROQ HAS SPOKEY. and other things */

span,
a {
word-break: normal !important
}

.avatar-hover {
display: none !important;
}

#main-content .page-tags span {
max-width: 100%;
}

/* CONTENT > Dustjacket Assets */

.fancyhr hr {
border-top: 2vw solid transparent;
background-color: rgba(var(--bright-accent), 0);
height: 0;
box-sizing: border-box;
border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
border-image-repeat: round round;
background: none;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
}

.fancyborder {
box-sizing: border-box;
border: 2vw solid rgba(0, 0, 0, 0.5);
border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
border-image-width: 6;
padding: 2vw;
}

/* CONTENT > Collapsibles */

#page-content a.collapsible-block-link:hover {
text-decoration: underline;
color: var(--link-txt-color);
}

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
text-decoration: none;
font-weight: bold;
color: white;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 9px;
background: rgb(var(--accent));
border-radius: 6px;
margin-top: 5px;
font-family: var(--ui-font);
font-size: var(--base-font-size);
box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
transition-duration: 0.4s;
display: inline-block;

}

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
background: rgba(var(--accent), 0.7);
box-shadow: none;
}

/* CONTENT > ACS Adjustments */

.top-left-box>.item {
display: none;
}

.anom-bar-container {
margin-top: 1.1rem;
}

.anom-bar-container,
.anom-bar-container * {
font-family: var(--head-font), Inter, sans-serif !important;
}

.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4 {
font-family: var(--head-font), Inter, sans-serif !important;
}

.anom-bar > .top-box {
text-transform: none;
}

/* CONTENT > Woed Bar Adjustments */

div.scale div.item1>div {
color: #333;
font-family: var(--head-font);
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 2px;
line-height: unset;
}

div.scale div.class1>div {
color: #333;
font-family: var(--head-font);
font-size: 2em;
line-height: 0.9em;
letter-spacing: 2px;
}

div.scale {
--woedbar-class-bar-color: #333 !important;
}

div.scale div.obj {
height: 1.7em;
}

div.scale div.obj>div {
font-size: 1.55em;
}

/* MISC */

#page-content hr {
height: 2px;
}

.bt {
color: rgb(var(--accent));
font-weight: bold;
}

#footer {
background: transparent;
color: #444;
margin-top: 45px;
}

#footer a {
color: #7b7b7b;
}

.footer-wikiwalk-nav {
font-weight: 700;
font-size: 88%;
word-spacing: 5px;
}

#page-info-break {
height: 10px;
}

#page-options-container {
border-top: solid 1px rgba(213, 213, 213, 0.5);
padding-top: 1rem;
}

.page-watch-options {
padding-bottom: 0.6rem;
font-size: 77%;
}

.page-options-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}

.page-options-bottom a {
margin: 3px;
color: #FFF;
background: rgb(var(--accent));
padding: 5px 13px 5px 13px;
text-decoration: none;
font-size: 90%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.page-options-bottom a:hover {
background: rgba(var(--accent), 0.8);
}

#page-info-break {
height: 6px;
}

#license-area {
color: #5f5f5f;
background: #ecf2f1;
border-top: solid 2px #d9d9d9;
margin-top: 10px;
}

#license-area a::after {
content: ".";
}

@media (min-width: 768px) {
#main-content .page-tags {
padding-right: 16rem;
}
}

#main-content div.page-tags::before {
content: "tags ";
color: var(--misc-txt-color);
font-family: var(--head-font);
font-weight: 800;
font-size: var(--page-font-size);
}

#main-content .page-tags a {
display: inline-block;
height: .8125rem;
margin: 0 0 .5rem .75rem;
padding: .1875rem .3125rem .1875rem 0;
color: #FFF;
background-color: rgb(var(--accent));
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
line-height: 13px;
line-height: .8125rem;
font-size: calc(var(--page-font-size) - 10%);
font-weight: bold;
}

#main-content .page-tags a::before {
width: 0;
height: 0;
top: -.1875rem;
left: -.625rem;
padding: 0 .0625rem .1875rem;
border-color: transparent rgb(var(--accent)) transparent transparent;
border-style: solid;
border-width: .5rem .5rem .5rem 0;
}

#main-content .page-tags a::before,
#main-content .page-tags a::after {
content: "";
position: relative;
float: left;
}

#main-content .page-tags a::after {
width: .25rem;
height: .25rem;
top: .2813rem;
left: -.5rem;
background-color: #FFF;
border-radius: .125rem;
}

#main-content .page-tags span {
max-width: 100%;
border-top: .5rem solid transparent;
}

#page-tags-input {
font-weight: bold;
word-spacing: 8px;
}

#edit-page-form input.text {
font-family: var(--head-font), sans-serif;
font-weight: 800;
font-size: 150% !important;
padding: 4px;
}

#edit-page-form>table.form>tbody>tr>td:nth-child(1) {
font-weight: bold;
}

.edit-help-34 {
font-size: 85%;
opacity: 60%;
transition-duration: 0.3s;
width: fit-content;
}

.edit-help-34:hover {
opacity: 100%;
}

.edit-help-34 a {
margin-right: 3px;
margin-left: 10px;
}

table.edit-page-bottomtable {
width: 100%;
}

#edit-page-comments {
height: 86px;
}

#lock-info {
background-color: transparent;
margin: 0.8em;
line-height: 1.7;
font-size: 86%;
border: none;
}

#lock-info::before {
content: "!";
padding-right: 12px;
font-weight: bold;
font-size: 110%;
opacity: 60%;
}

#lock-timer {
font-size: 115%;
margin: 0 5px;
}

#lock-timer::before {
content: "⏲ ";
opacity: 80%;
}

textarea,
#edit-page-form input.text {
outline: none;
border: 1px solid #ccc;
transition-duration: 0.3s;
transition-property: box-shadow;
}

textarea:focus-visible,
#edit-page-form input.text:focus-visible {
box-shadow: 0px 0px 0px 1px #a3a3a3;
border: 1px solid #a3a3a3;
}

#action-area>p {
font-size: 85%;
color: darkslategrey;
}

#action-area>p:nth-child(5)>a {
display: block;
text-align: center;
font-size: 120%;
font-weight: bold;
}

#who-rated-page-area>div {
column-count: 4;
}

@media (max-width: 900px) {
#who-rated-page-area>div {
column-count: 3;
}
}

@media (max-width: 700px) {
#who-rated-page-area>div {
column-count: 2;
}
}

@media (max-width: 540px) {
#who-rated-page-area>div {
column-count: 1;
}
}

#page-content .content-warning.creditRate {
padding-top: 8px;
padding-right: 21px;
}

.preview-message {
right: 0em;
top: 2em;
border: unset;
padding: 1em 1.5em;
background-color: rgba(0, 0, 0, 0.9);
max-width: 29em;
opacity: 1;
z-index: 100;
line-height: 1.7;
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
color: #EDEDED;
}

.error-block {
background-color: rgba(255, 0, 48, 0.1);
text-align: center;
border: none;
border-top: solid 3px #B00;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

table.page-history tbody tr:nth-child(2n) {
background: rgba(var(--accent), 0.05);
}

.owindow {
animation: fade 0.5s;
}

@keyframes fade {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.owindow .button-bar a {
border: solid 2px rgba(0, 0, 0, 0.1);
margin: 11px;
padding: 0.5em 2em;
border-radius: 4px;
}

.owindow .button-bar a:hover {
background-color: var(--link-txt-color);
color: var(--link-hover-txt-color);
border-radius: 0px;
}

.owindow .button-bar {
padding: 1.2em 1em 1.2em;
}

.owindow .table {
margin-bottom: 1.5rem;
}

.owindow .title {
cursor: default;
font-family: var(--head-font);
font-weight: 800;
font-size: 155%;
text-align: center;
padding: 0.5em 1em;
border-bottom: solid 2px rgba(187, 187, 187, 0.4);
background-color: #F7F7F7;
}

.owindow.owait .content {
padding: 0.5em 0.5em 2em;
background-image: none;
}

.owindow.owait .content::after {
content: " ";
display: block;
width: 1.5rem;
height: 1.5rem;
margin: -0.9rem auto;
margin-top: 1rem;
animation: loading 1.2s linear infinite;
border-top: 0.4rem solid grey;
border-right: 0.4rem solid transparent;
border-bottom: 0.4rem solid grey;
border-left: 0.4rem solid transparent;
border-radius: 50%;
}

@keyframes loading {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

.owindow.osuccess {
padding: 0.5em;
}

.owindow div.content:nth-child(2)>img:nth-child(1) {
margin-right: 1.2rem;
margin-top: 1rem;
}

.odialog-shader {
background-color: #262a39;
}

.btn {
transition-duration: 0.15s;
}

.btn:not(#main-content .btn, #search-top-box-form input[type="submit"]),
.btn.btn-primary,
div.buttons input,
input.button:not(#search-top-box-form input[type="submit"]) {
padding: 0.5em;
margin: 11px;
border-radius: 3px;
font-family: var(--ui-font);
cursor: pointer;
}

#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
background: #fff;
border: solid 1px #ccc;
cursor: pointer;
font-family: var(--ui-font);
color: #333;
padding: 0.5rem 14px;
margin: 1px;
font-size: 90%;
border-radius: 3px;
}

#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
background-color: #eaeaea;
}

#edit-save-continue-button,
#edit-save-button {
background: #dbffd6;
transition-duration: 0.3s;
color: #005a0a;
}

#edit-save-continue-button:hover,
#edit-save-button:hover {
color: #fff;
background: #0d951c;
}

#edit-cancel-button {
background: #ffe1e1;
transition-duration: 0.3s;
color: #c52727;
}

#edit-cancel-button:hover {
color: #fff;
background: #c5272e;
}

table.page-history tbody tr {
color: #757575;
}

.fncon {
font-size: var(--page-font-size) !important;
line-height: 1.4;
border: 2px solid rgba(0, 0, 0, 0.2);
}

.fncon::before {
font-size: var(--page-font-size) !important;
}

.hovertip {
border: none !important;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
background: #FFF;
padding: 3px;
max-width: 400px;
}

input.checkbox,
.page-history input,
#h-perpage {
cursor: pointer;
}

input,
textarea {
font-family: var(--ui-font);
}

#breadcrumbs,
.pseudocrumbs {
font-weight: bold;
font-size: 110%;
font-family: var(--ui-font);
}

/* ---- REDUCED MOTION ACCESSIBILITY ---- */
@media (prefers-reduced-motion: reduce) {

*,
*::before,
*::after {
animation-duration: .001s !important;
animation-iteration-count: 1 !important;
transition-duration: .001s !important;
}
}

/* @MEDIA */

@media (max-width: 850px) {

#header h2::before {
font-size: 1.4em;
}

}

@media (max-width: 700px) {

#header h2::before {
font-size: 1.2em;
margin-top: 0.3rem;
}

#top-bar,
#top-bar a {
top: 8.8rem;
font-size: 90%;
}

}

@media (max-width: 620px) {

#header h2::before {
font-size: 1em;
margin-top: 0.15rem;
}

#top-bar,
#top-bar a {
top: 8.3rem;
font-size: 90%;
}

div#header {
height: 123px;
}

}

@media (max-width: 520px) {

#header h2::before {
line-height: 16px;
margin-top: 0.5rem;
}

#top-bar,
#top-bar a {
top: 9.3rem;
}

div#header {
height: 145px;
}

}

BY ORDER OF THE OVERSEER COUNCIL

The following file is Level 5/7640 classified. Unauthorized access is forbidden.

7640

Item#: SCP-7640

Containment Class: keter

Secondary Class: principalis

Disruption Class: dark

Risk Class: critical

Special Containment Procedures:1 SCP-7640 currently remains uncontained. The discovery of an instance of SCP-7640 should be promptly reported to Mobile Task Force Alpha-1. ("Red Right Hand") Upon confirmation of its manifestation, the impacted wall is to be expeditiously demolished and replaced.

O5 Council members who observe SCP-7640 are to undergo amnestic treatment and be reintegrated into society. Anomalous O5 Council members must be terminated without exception.

Description: SCP-7640 designates a series of windows that spontaneously materialize within the living quarters assigned to O5 Council personnel. Any O5 Council member that peers through SCP-7640 immediately undergoes a cognitohazardous effect, causing their immediate resignation. Inhabitants of the same room as SCP-7640 universally display a heightened curiosity towards it; however, it remains undetermined whether this response is anomalous. Those who peer through SCP-7640 provide disparate accounts of the visual contents on the opposing side. Presented below are selected examples of reported observations.

O5 Council Member
Observations
Anomalous Effects

O5-7, "The Fool"
A small farm. O5-7 reports the sound of cattle and the laughter of a baby.
O5-7 reported feelings of melancholy. Amnesticized.

O5-11, "The Emperor"
Several children bullying another child. The point of view then comforted the child, hugging him.
O5-11 reported a strong feeling of regret. Terminated.

O5-2, "The Lovers"
A large pod of dolphins underwater. They appear to be playing.
O5-2 reported feeling content before being removed from the room. Terminated.

O5-13, "The Null"
A therapist's office. Sounds of sobbing and comfort are audible.
O5-13 refused to elaborate on his emotions and began crying. Amnesticized.

O5-5, "The Mother"
A small bed in a hospital with a weak, elderly man laying in it. The viewer proceeded to feed him.
O5-5 refused to leave her living quarters. Mobile Task Force involvement was necessary. Terminated in combat.

O5-9, "The Star"
See below.

In order to better understand SCP-7640, and the effects it has on O5 Council members, the Foundation dispatched Doctor Tiana Mark Rosanne to conduct a series of interviews. These interviews aimed to acquire additional details about the effects of SCP-7640. The following log contains a transcription of the last interview conducted between O5-9 and Dr. Rosanne.

Interviewed: O5-9

Interviewer: Dr. Rosanne

Foreword: This interview was conducted shortly after O5-9 viewed SCP-7640 and shortly before he was terminated.2

<Begin Log>

O5-9 walks into the room and sits in an office chair. He appears upset.

O5-9: Well, I wasn't expecting someone like you to be, uh… you know. Aren't you worried those shoes of yours will carry the stain?

Dr. Rosanne: I'm afraid I don't understand what you mean. What stain?

O5-9: Oh, you're the interviewer. Forget I said anything, classified Council business.

Dr. Rosanne: I'll try to ignore that. Are you O5-9?

O5-9: I would say something along the lines of "the one and only" but I've read the file, you've read the file, so we both know I am definitely not.

Dr. Rosanne: Am I missing something? What did you see in 7640?

O5-9: Would it matter? Would telling you stop anything? All of this will end up in a report that will be handed to the committee, and nobody will do anything.

Dr. Rosanne: Even if you don't think your statement will do anything to stop the anomaly, it's your duty to say something.

O5-9 stands up and begins pacing around the room.

O5-9: "Duty" my ass. Have you noticed any connections yet? You're an interviewer, and you've talked to us all. Review your notes that you've been scratching in that little book this whole time.

Dr. Rosanne: It's not my job to make connections. I'm not a researcher, so-

O5-9: But you care, don't you? Look at the notes, and tell me what you think.

Dr. Rosanne looks down at her notepad.

Dr. Rosanne: Well, -13 saw a therapist office, -2 saw dolphins, and -5 saw a hospital. I don't see any similarities.

O5-9: Shit. Of course you don't, you don't know- didn't know them. -13? He had a degree in psychology. -2? Marine biology. -5? She was a nurse before coming here. You really want to know what I saw? Myself, sitting on a back porch, looking over a nicely trimmed lawn. My wife3 beside me. Both of us were enjoying the… the crisp morning air before the kids woke up. It was exactly what I had before this place took it all away!

Dr. Rosanne: I- I'm so sorry about that. Um, I don't know what to say.

O5-9: There's nothing you can say. You want my opinions on 7640? It… never mind, cut it, this interview is over.

Dr. Rosanne: But you can't-

O5-9 storms out of the room, shortly before being terminated.

<End Log>

The revised SCP-7640 file is restricted to the Administrator. Any attempts to access this file by unauthorized personnel will be met with immediate termination.

Access SCP-7640

Accessing SCP-7640...

Item#: SCP-7640

Containment Class: keter

Secondary Class: principalis

Disruption Class: dark

Risk Class: critical

Special Containment Procedures: SCP-7640 currently remains uncontained. The discovery of an instance of SCP-7640 should be promptly reported to Mobile Task Force Alpha-1 "Red Right Hand." Upon confirmation of its manifestation, the impacted wall is to be expeditiously demolished and replaced.

O5 Council members who observe SCP-7640 are to be immediately terminated.

Description: SCP-7640 designates a series of windows that spontaneously materialize within the living quarters assigned to O5 Council personnel. Any O5 Council member that peers through SCP-7640 views an alternate world where an alternate version of themself performs activities that they enjoyed before becoming a member of the O5 Council. In 100% of cases where an instance of SCP-7640 is viewed, the O5 Council member attempts to resign. It is currently unknown if this is part of its anomalous effect, or a natural response to viewing such imagery.

Additionally, amnestication has proven ineffective in suppressing memories of SCP-7640.4

O5-1
126

O5-2
86

O5-3
141

O5-4
95

O5-5
101

O5-6
107

O5-7
111

O5-8
79

O5-9
82

O5-10
128

O5-11
125

O5-12
99

O5-13
152

Every O5 council member who has viewed the anomaly has been terminated.

_

Access ImageAccessing Image...

Recreation of SCP-7640, from the view of O5-9, "The Star".

Your whereabouts have been recorded and are presently under surveillance, O5-9. We have much more of you at our disposal.

Footnotes

1. Item effects the primary directive of the Foundation and the Overseer Council.

2. Dr. Rosanne was not made aware of the termination before the interview as to maintain a lack of bias.

3. O5-9's wife and children were amnesticized upon his employment to the Foundation.

4. The current reason why is unknown, this is either due to the Mnestics being regularly prescribed to the O5 Council or some other effect.