@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;
}
}
}
}
}
@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);
}
}
All experiments pertaining to SCP-XXXX are to be logged here.
Experiment XXXX-e-1
Name: Dr. ████████ with Dr. ███████ assisting.
Approved By: ███████ of the Administrative Council, Dr. ██████ of the Ethics Committee and ████ of the Administrative Board.
Date: ██/██/20██
Procedure: This experiment is taking place to see if an SCP-XXXX-2 instance is able to survive SCP-008's anomalous properties. An SCP-XXXX-2 Instance is to be placed in SCP-008's containment chamber. SCP-XXXX-2 will be instructed to open SCP-008 and report how they feel when they open SCP-008's canister, or when they start showing signs of illness or pain. SCP-008's containment chamber is to be observed via bullet proof glass, and via audio and video recording devices.
Results: SCP-XXXX-2 is placed into SCP-008's containment chamber, and is instructed to open SCP-008 canister. After five minutes has passed SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 responds with "I feel the same from when I was outside of this room." After Six minutes and thirty seven seconds have passed SCP-XXXX-2 starts coughing. SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 responds with "I feel sick. Really sick. Can you get a doctor in here?" After eighteen minutes have passed SCP-XXXX-2 falls unconscious. After Thirty nine minutes have passed SCP-XXXX-2 gains consciousness again. SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 responds with "Please, help me. I'm hearing voices. They won't stop, please help." After fifty seven minutes have passed SCP-XXXX-2 starts to bang on the glass repeating the words "Let me out!" After an hour and four minutes have passed SCP-XXXX-2 faints. After two hours and twenty two minutes have passed SCP-XXXX-2 wakes up. SCP-XXXX-2 has the appearance that of an SCP-008-2 instance. SCP-XXXX-2 is placed in to isolation for nine months after appearing to have been cured. An MTF Beta-7 operative is instructed to shoot SCP-XXXX-2 in the head twice to see if they still possess immortality. SCP-XXXX-2 was terminated.
Note: This Cross Test is interesting. It appears that an SCP-XXXX-2 subject can be affected by SCP-008 but can be cured when SCP-XXXX loses effect. This test gave us the information we needed. Just to clarify the results we might need to test SCP-XXXX-2 will have the same effect on similar anomalies.
Experiment XXXX-e-2
Name: Dr. █████ with Dr. ████████ and Dr. ████████ assisting.
Approved By: Site Director ███████, ████ of the Administrative Council and Dr. █ of the Ethics Committee.
Date: ██/██/20██
Procedure: This experiment is taking place to see if SCP-1025 will have a similar effect as SCP-008 to an SCP-XXXX-2. An SCP-XXXX-2 instance is to be placed in SCP-1025's containment chamber, and will be instructed to read SCP-1025 out loud. When the SCP-XXXX-2 instance is finished reading SCP-1025 they will be instructed to report how they feel. SCP-1025's containment chamber is to be observed via bullet proof glass, and via audio and video recording devices. There is to be at least three medical staff and two operatives that of MTF Unit Beta-7.
Results: SCP-XXXX-2 is placed into SCP-1025's containment chamber, and is instructed to read SCP-1025. SCP-XXXX-2 complies and reads about a flu. Three minutes after reading SCP-1025, SCP-XXXX-2 starts sneezing excessively. SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 responds with "What is happening? I read about a flu right? And I seem to have symptoms that match it. What is going on?" SCP-XXXX-2 then requests "Can I be treated? Where is a doctor?" SCP-XXXX-2's request was accepted. Two doctors quickly entered SCP-1025 containment chamber and escorted SCP-XXXX-2 to the medical bay. SCP-XXXX-2 was treated with a cure and administered class A amnestics two weeks later.
Notes: Well we got some information out of this experiment, such as now we know that SCP-XXXX can not prevent SCP-XXXX-2 instances from any form of illness. We also know that SCP-XXXX can not prevent other anomalies that infect SCP-XXXX-2 instances with any type of health issues.
Experiment XXXX-e-3
Name: Dr. ████
Approved By: ██████ of the Administrative Board and ██ of the Ethics Committee.
Date: ██/██/20██
Procedure: This experiment is taking place to see how SCP-XXXX reacts while submerged in Fluoroantimonic acid. An SCP-XXXX-2 instance is to be placed in Testing chamber № 57 located at Site ██. SCP-XXXX-2 will be instructed to submerge themselves inside of a Teflon canister, which contains 2000 litres of Fluoroantimonic acid. The SCP-XXXX-2 instance will be instructed to report how they feel if they start corroding, showing signs of melting/burning or show signs of pain. This experiment is to be observed via video and audio recording devices. There is to be at least two medical staff and one operative that of MTF Unit Beta-7.
Results: SCP-XXXX-2 is placed into Testing chamber № 57, and is instructed to submerge themselves inside of the large Teflon canister. SCP-XXXX-2 responds with "Why do you want me to go in there! I will just die. Do you idiots not know what this stuff can do? I'm going to melt and corrode in there." SCP-XXXX-2 is once again instructed to submerge themselves inside of the large Teflon canister. SCP-XXXX-2 continues to refuse. An MTF operative that of Beta-7 enters the testing chamber, The operative pushes the barrel of there gun against SCP-XXXX-2's head and states "Get in there or you will be terminated." SCP-XXXX-2 finally complies being unaware they would survive a shot to the head. After two minutes of SCP-XXXX-2 being submerged in Fluoroantimonic acid, SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 responds with "Get me out of here! It burns! It burns! I feel my skin starting to corrode! Get me out of this god damn thing!" After nine minutes SCP-XXXX-2's skin has corroded more than 90% of there skin, SCP-XXXX-2 is instructed to report how they feel. SCP-XXXX-2 does not respond. SCP-XXXX-2 is once again instructed to report how they feel. SCP-XXXX-2 still doesn't respond. Two medical staff, equipped with hazmat suits. And an operative of MTF Beta-7, equipped with a Teflon suit enter the testing chamber. The Beta-7 operative quickly recovers SCP-XXXX-2 and places them onto the ground. The medical staff observe SCP-XXXX-2, and have concluded that the SCP-XXXX-2 will recover in at least three months.
Notes: So we have learned that SCP-XXXX-2 instances are weak to acid and that they will still recover. We also know that the Teflon suits are now effective, good job on that one Researcher ██████. We have also learned that SCP-XXXX-2 instances are not aware that they are immortal (Most likely because they can still feel pain.) but we can always interview some if we are have to.
Experiment XXXX-e-4
Name:
Approved By:
Date:
Procedure:
Results:
Notes:
Experiment XXXX-e-5
Name:
Approved By
Date:
Procedure:
Results:
Notes:
Per 
