Testing formatting code

@import url('https://fonts.googleapis.com/css?family=Carrois+Gothic&display=swap');

@supports(css:variables) {
:root {
/* Header */
—logo-image: url("http://scp-sandbox-3.wikidot.com/local--files/who-is-it/Site-89_Logo.png");
—header-title: "'Site-89 Internal Database";
—header-subtitle: "Fighting Fire With Fire";
/* Typefaces */
—header-font: 'Carrois Gothic', freight-sans-pro, sans-serif;
/* Standard Colors */
—light-pale-gray-monochrome: 230, 230, 230;
—pale-accent: 189, 0, 167;
—bright-accent: 88, 0, 189;
—medium-accent: 72, 44, 104;
—dark-accent: 30, 18, 43;
/* Header Colors */
—header-gradient-color-bottom: 47, 29, 68;
/* Primary Header Colors */
—swatch-headerh1-color: var(light-pale-gray-monochrome);
swatch-headerh2-color: var(light-pale-gray-monochrome);
swatch-topmenu-bg-color: var(black-monochrome);
/* Link Colors */
link-color: var(swatch-primary);
visited-link-color: 159, 4, 121;
—hover-link-color: 159, 4, 121;
/* Gradients */
—diagonal-stripes: repeating-linear-gradient(
180deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh
);
—gradient-sidemenu-header: linear-gradient(10deg,
rgba(var(dark-accent), 0.9) 0%,
rgba(var(dark-accent), 1) 100%
);
/* Filter */
—filter: hue-rotate(268deg) saturate(50%) brightness(111%);
/* Ayers' Info Bar */
—barColour: rgb(var(dark-accent));
linkColour: rgb(var(pale-gray-monochrome));
}

body {
background-color: rgba(244, 244, 244, 1);
background-color: rgba(var(—swatch-menubg-light-color), 1);
}

/* Anchor Links */
a.footnoteref,
a.footnoteref:before,
.footnote-footer > a:nth-of-type(1),
.footnote-footer > a:nth-of-type(1):hover {
color: rgb(189, 0, 167);
color: rgb(var(—pale-accent));
}

/* Article Bottom Buttons */
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
background-color: rgba(244, 244, 244, 1);
background-color: rgba(var(swatch-menubg-light-color), 1);
border-color: rgba(30, 18, 43, 1);
border-color: rgba(var(swatch-primary-darkest), 1);
border-radius: 0;
color: rgb(30, 18, 43);
color: rgb(var(dark-accent));
}
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
background-color: rgba(88, 0, 189, 1);
background-color: rgba(var(swatch-primary), 1);
border-color: rgba(30, 18, 43, 1);
border-color: rgba(var(—swatch-primary-darkest), 1);
}

/* Header */
#header h1 a::before {
color: rgb(230, 230, 230);
color: rgb(var(swatch-headerh1-color));
}
#login-status a {
color: rgb(230, 230, 230);
color: rgb(var(light-pale-gray-monochrome));
}

/* Side Bar */
#side-bar {
background-color: rgba(244, 244, 244, 1);
background-color: rgba(var(swatch-menubg-light-color), 1);
}
#side-bar div[style*="#f0fff6"] {
background-color: rgba(160, 160, 160, 0.25) !important;
background-color: rgba(var(light-gray-monochrome), 0.25) !important;
}
#side-bar div[style*="#e7e5e8"] {
background-color: rgba(160, 160, 160, 0.3) !important;
background-color: rgba(var(light-gray-monochrome), 0.3) !important;
}
#side-bar div[style*="#fff0f0"] {
background-color: rgba(160, 160, 160, 0.15) !important;
background-color: rgba(var(light-gray-monochrome), 0.15) !important;
}
#side-bar div[style*="#e5e5ff"] {
background-color: rgba(160, 160, 160, 0.25) !important;
background-color: rgba(var(light-gray-monochrome), 0.25) !important;
}
#side-bar div.menu-item a {
-webkit-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms ease;
-moz-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms ease;
-o-transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms ease;
transition: background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms ease;
}
#side-bar div.menu-item a:hover {
color: rgb(252, 252, 252);
color: rgb(var(swatch-menutxt-light-color));
}
#side-bar div.menu-item a::before,
#side-bar div.menu-item a:hover::before {
background-color: rgba(88, 0, 189, 0.75);
background-color: rgba(var(—bright-accent), 0.75);
}

/* Tabview */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
box-shadow: rgb(var(swatch-primary-darkest));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
box-shadow: rgb(var(dark-gray-monochrome));
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgb(160, 160, 160);
background-color: rgb(var(light-gray-monochrome));
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
background-color: rgb(30, 18, 43);
background-color: rgb(var(swatch-primary-darkest));
}

/* Blockquote */
blockquote,
.blockquote {
border-style: solid;
}

/* Pata Notice By Lt Flops */
.pata-notice {
margin: 1em 0;
padding: 0 1em;
color: rgb(244, 244, 244);
color: rgb(var(pale-gray-monochrome));
background-color: rgb(72, 44, 104);
background-color: rgb(var(swatch-primary-darker));
border: 0.0625rem solid rgb(72, 44, 104);
border: 0.0625rem solid rgb(var(swatch-primary-darker));
text-align: center;
}
.pata-notice ::selection {
background: rgba(252, 252, 252, 0.25);
background: rgba(var(white-monochrome, 252, 252, 252), 0.25);
}
.pata-notice a {
color: rgb(255, 217, 0);
}
.pata-notice a:visited {
color: rgb(209, 142, 42);
}
.pata-notice a.footnoteref,
.pata-notice a.footnoteref:before {
color: rgb(255, 217, 0);
}

/* Rating */
.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
background-color: rgb(230, 230, 230);
background-color: rgb(var(light-pale-gray-monochrome));
border-color: rgba(30, 18, 43, 0.85);
border-color: rgba(var(swatch-primary-darkest), 0.85);
}

/* Credit Module */
iframe.scpnet-interwiki-frame, .close-credits, .credit-back {
-webkit-filter: var(filter);
filter: var(filter);
}
.modalbox {
box-shadow: 0 2px 6px rgba(var(—dark-accent), .5) !important;
}

/* Mobile */
@media only screen and (max-width: 768px) {
/* 7happy7's Mobile Search */
#search-top-box form[id="search-top-box-form"] input[type="submit"] {
background-color: rgb(72, 44, 104);
background-color: rgb(var(—swatch-primary-darker));
}
}

@media only screen and (max-width: 425px) {
:root {
—header-title: "'Site-89 Internal Database.";
}
}
}