Foxtrot Theme

Link to article: Foxtrot Theme.


@media (min-width: 768px) {
    #main-content {
    	max-width: 85%;
    }
}


#page-title {
    display: none;
}


:root {
    --page-font: 'verdana', 'Inter';
}


:root {
    --accent: var(--acc-canada);
    --header-title: "Site-43";
    --header-subtitle: "SUBVERTING COMMON PRACTICE";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada.svg);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada_darkmode.png);
    --logo-opacity: 21%;
}


:root {
    --accent: var(--acc-poland);
    --header-title: "Site-120";
    --header-subtitle: "FIGHTING FIRE WITH FIRE";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew2.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/120.png);
}


:root {
    --accent: var(--acc-slothspit);
    --header-title: "S\0026 C Plastics";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    --logo-opacity: 20% !important;
}


:root {
    --accent: var(--acc-vanguard);
    --header-title: "ANGUARD";
    --header-subtitle: "SHELTER, NORMALIZE, INFORM";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
    --logo-opacity: 100% !important;

    --dark-bg-1: #0c1a2e !important;
    --dark-bg-2: #132a4a !important;

}

body {
    background-image: linear-gradient(to bottom, #50dbd5, #d9ffc8 90px, #d9ffc8 90px, #fff 200px);
}

#header h2::before {
    font-size: 1.15em;
    line-height: 21px;
}

div#extra-div-1 {
    margin-top: -15px;
    left: -9.75rem;
}

#header h1 {
    position: inherit;
    right: -1.7em;
}

#header h2 {
    margin-left: 4.5rem;
}

@media (max-width: 767px) {

    #header h2::before {
    	font-size: 1em;
    	line-height: 12px;
    	margin-left: 12px;
    }

    div#extra-div-1 {
    	left: -8rem;
    }

    #header h1 a::before {
    	font-size: 1.5em;
    }

}

@media (max-width: 700px) {

    #header h2::before {
    	margin-left: 16px;
    	margin-top: 0.9rem;
    }

}

@media (max-width: 620px) {

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

    div#header {
    	height: 145px;
    }

}

@media (max-width: 450px) {

    div#extra-div-1 {
    	left: -7rem;
    }

    #header h2::before {
    	font-size: 0.8em;
    	line-height: 20px;
    	margin-left: 18px;
    	margin-top: 0.3rem;
    }

}


:root {
    --accent: var(--acc-threshold);
    --header-title: "THRESHOLD";
    --header-subtitle: "SUSTAIN, CONSERVE, PROLONG";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
    --logo-opacity: 100% !important;

    --darkmode-gradient-top: rgb(var(--accent)) !important;
}

#header h1 a::before,
#header h2::before {
    color: transparent;
}

#login-status {
    color: var(--dark-bg-1) !important;
}

#login-status>a {
    color: var(--dark-bg-2) !important;
    border-color: var(--dark-bg-2);
}

div#extra-div-1 {
    background-size: 300px;
}

@media (max-width: 700px) {

    div#extra-div-1 {
    	background-size: 270px;
    	top: -3px;
    }

}

@media (max-width: 620px) {

    div#extra-div-1 {
    	top: -10px;
    }

}

@media (max-width: 520px) {

    div#extra-div-1 {
    	background-size: 245px;
    	top: 3px;
    }

}


:root {
    --accent: var(--acc-overwatch);
    --header-title: "OVERWATCH";
    --header-subtitle: "SACRIFICE CONFERS POWER";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
    --logo-opacity: 100% !important;

    --darkmode-gradient-top: rgb(var(--accent)) !important;
}

#header h1 a::before,
#header h2::before {
    color: transparent;
}

#login-status {
    color: var(--dark-bg-1) !important;
}

#login-status>a {
    color: var(--dark-bg-2) !important;
    border-color: var(--dark-bg-2);
}

div#extra-div-1 {
    background-size: 300px;
}

@media (max-width: 700px) {

    div#extra-div-1 {
    	background-size: 270px;
    	top: -3px;
    }

}

@media (max-width: 620px) {

    div#extra-div-1 {
    	top: -10px;
    }

}

@media (max-width: 520px) {

    div#extra-div-1 {
    	background-size: 245px;
    	top: 3px;
    }

}


:root {
    --accent: var(--acc-wyoming);
    --header-title: "1 5 0";
    --header-subtitle: "SAMENESS CULTIVATES PAROXYSMS";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
}

#header h1 a::before {
    word-spacing: -18px;
    font-size: 1.5em;
    color: rgb(var(--accent));
}

#header h1 a::after {
    display: flex;
    justify-content: center;
    margin-top: -2.6em;
    content: "TETON WY USA";
    color: var(--header-txt-color);
    font-family: var(--head-font);
    font-size: 1rem;
    text-shadow: none;
    word-spacing: 10px;
}

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

body {
    background-image: linear-gradient(to bottom, #58000024, #fff 200px);
}


:root {
    --accent: var(--acc-spc);
    --header-title: "SPC Database";
    --header-subtitle: "SHARK PUNCHING CENTER";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-spc_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);

    --darkmode-gradient-top: #175968 !important;
}

body {
    background-image: linear-gradient(to bottom, #b4d5df, #fff 200px);
}


:root {
    --accent: var(--acc-fishing);
    --header-title: "Fishing Council";
    --header-subtitle: "CANSHM SITE-184";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
}

#header h1 a {
    padding: 71px 0;
}


:root {
    --accent: var(--acc-nightfall);
    --header-title: "NIGHTFALL";
    --header-subtitle: "EVERYONE DIES IN THE DARK";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-nightfall_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);

    --dark-bg-1: #111113 !important;
    --dark-bg-2: #070707 !important;
}

body {
    background-image: linear-gradient(to bottom, #b1b1b1, #f5f5f7 250px);
}


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

:root {
    --accent: var(--acc-hybrasil);
    --header-title: "WAR ON ALL FRONTS";
    --header-subtitle: "WE'RE GOING TO NEED A BIGGER BOAT";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-hybrasil_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-bhl/mksjr3.png);
    --logo-opacity: 20%;

    --head-font: 'Saira Stencil One';

    --dark-bg-1: #041945 !important;
    --dark-bg-2: #000C26 !important;
}

body {
    background-image: linear-gradient(to bottom, #818ae0, #fff 200px);
}


@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

:root {

    --accent: var(--acc-goc);
    --header-title: "G.O.C.";
    --header-subtitle: "CASEFILES ARCHIVE";
    --head-font: 'Russo One';
    --logo-opacity: 34%;

    --dark-bg-1: #0d1222 !important;
    --dark-bg-2: #00040f !important;

/* animated GOC logo by 7happy7 */

    --logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");

    --darkmode-logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");

}

body {
    background-image: linear-gradient(to bottom, #627bff5c, #fff 120px);
}

#header h1 a::before,
#header h2::before {
    color: rgb(var(--accent));
}

div#extra-div-1 {
    background-size: 170px;
}

.blockquote,
div.blockquote,
blockquote {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-left: solid 7px rgb(var(--accent)) !important;
    background: transparent;
    padding-left: 2rem;
}


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

:root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SPOOK, CREEP, PESTER";
    --logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);
    --darkmode-logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);

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

    --head-font: 'Creepster';

    --dark-bg-1: #130417 !important;
    --dark-bg-2: #1D111B !important;
}

body {
    background-image: linear-gradient(to bottom, #c4eea8, #f7fff6 200px);
}


/* VARIABLES */

:root {

    /* VARIABLES > Core */

    --logo-img: var(--darkmode-logo-img);
    --logo-opacity: 30%;

    /* VARIABLES > Misc */

    --darkmode-gradient-top: var(--dark-bg-1);
    --darkmode-gradient-bottom: var(--dark-bg-2);

    --dark-bg-1: #21252E;
    --dark-bg-2: #2F333C;

    --dark-txt-color: #EDEDED;

    --header-txt-color: rgb(var(--accent));
    --subheader-txt-color: var(--dark-txt-color);
    --misc-txt-color: var(--dark-txt-color);
    --link-txt-color: rgb(var(--accent));
    --link-hover-txt-color: #FFF;

    /* VARIABLES > Color Accents */

    --acc-default: 153, 187, 255;

    --acc-wyoming: 252, 69, 69;
    --acc-canada: 252, 69, 69;
    --acc-poland: 186, 127, 108;
    --acc-slothspit: 69, 99, 245;
    --acc-vanguard: 85, 204, 51;
    --acc-threshold: 221, 207, 238;
    --acc-overwatch: 255, 215, 0;
    --acc-spc: 88, 188, 209;
    --acc-fishing: 141, 203, 211;
    --acc-nightfall: 222, 40, 20;
    --acc-hybrasil: 69, 109, 245;
    --acc-goc: 112, 148, 255;
    --acc-spooky: 252, 112, 40;

    /* VARIABLES > BetterFootnotes */

    --fnColor: rgb(var(--accent));

    /* VARIABLES > ACS COLORS by Nagiros */

    --six-color: 188, 136, 255 !important;
    /*  purple*/
    --five-color: 255, 34, 67 !important;
    /*  red  */
    --four-color: 255, 141, 54 !important;
    /*  orange  */
    --three-color: 255, 226, 82 !important;
    /*  yellow  */
    --two-color: 117, 167, 242 !important;
    /*  blue  */
    --one-color: 40, 159, 107 !important;
    /*  green  */

    --white-bar: 207, 207, 207;
    --lg-bar: 118, 118, 130;
    --gray-bg: 66, 66, 72;

}

/* MAIN */

body {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-2);
    background-image: linear-gradient(to bottom,
    		var(--darkmode-gradient-top), var(--darkmode-gradient-bottom) 200px);
    background-repeat: no-repeat;
    --barColour: var(--dark-bg-1);
    --linkColour: var(--dark-txt-color);
}

#page-content a {
    padding-bottom: .067rem;
    border-bottom: thin solid rgb(var(--accent));
}

#page-content a:not(#page-content .authorlink-wrapper a):hover,
.page-rate-widget-box a,
#page-content .pseudocrumbs a,
#page-content .yui-nav li a,
#page-content #toc a,
#page-content .danger-diamond a,
#page-content a.collapsible-block-link,
#page-content span.tooltip a,
#page-content a.footnoteref {
    border-bottom: none !important;
}

/* MAIN > Header */

#header h1 a::after {
    color: var(--misc-txt-color);
}

/* MAIN > Header > Search Box */

#search-top-box-form>input[type=submit] {
    border: solid 1px #EDEDED;
    background: var(--dark-bg-1);
     !important;
    color: var(--dark-txt-color);
}

#search-top-box-form input[type=submit]:hover {
    border: solid 1px rgb(var(--accent));
}

/* MAIN > Header > Top Bar */

#top-bar ul li ul li a:hover {
    color: var(--dark-txt-color) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* MAIN > Header > Login Info */

#login-status {
    color: var(--dark-txt-color);
}

#login-status a {
    color: rgb(var(--accent));
}

#login-status ul a {
    color: var(--dark-txt-color);
    background: var(--dark-bg-1);
}

#login-status ul a:hover {
    color: rgb(var(--accent));
}

#account-topbutton {
    border: solid 1px rgb(var(--accent));
}

/* MAIN > Header > Side Bar */

#side-bar {
    background: var(--dark-bg-2);
}

#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media {
    background: var(--dark-bg-1);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--dark-txt-color) !important;
}

#side-bar .collapsible-block-unfolded-link {
    border-bottom: none;
}

#top-bar .open-menu a {
    filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
}

/* CONTENT */

/* CONTENT > Blockquotes, Custom Divs */

.blockquote,
div.blockquote,
blockquote {
    background: var(--dark-bg-1);
    border-left: 5px solid rgb(var(--accent));
    box-shadow: 4px 4px var(--dark-bg-2);
}

.jotting,
.notation,
.modal,
.paper {
    background: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

.paper {
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.8);
}

div.note {
    background: var(--dark-bg-1);
}

/* CONTENT > Headings, Titles */

#page-title,
.meta-title {
    color: var(--dark-txt-color) !important;
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

h1 {
    color: rgb(var(--accent)) !important;
}

h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-txt-color) !important;
}

.footnotes-footer .title {
    color: var(--dark-txt-color);
}

/* CONTENT > Rate Module */

.page-rate-widget-box {
    font-family: var(--ui-font);
}

.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
    border: solid 1px rgb(var(--accent));
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
#page-content .rate-box-with-credit-button {
    background: var(--dark-bg-1);
}

.page-rate-widget-box .rate-points {
    background: var(--dark-bg-1) !important;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a,
#page-content .rate-box-with-credit-button .fa-info {
    color: var(--dark-txt-color);
}

div.page-rate-widget-box .rate-points {
    color: var(--dark-txt-color) !important;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background: rgb(var(--accent)) !important;
}

/* CONTENT > Rate Module > Info Pane */

#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}

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

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

.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}

#page-content .rate-box-with-credit-button .fa-info {
    color: var(--dark-txt-color);
}

#page-content .rate-box-with-credit-button .fa-info:hover {
    color: rgb(var(--accent));
}

#page-content .modalbox {
    background: var(--dark-bg-2) !important;
    color: var(--dark-txt-color);
    box-shadow: none;
}

#page-content .modalbox > hr:first-of-type {
    opacity: 0%;
}

#page-content .modalbox h2:first-of-type {
    font-family: var(--ui-font);
}

.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}

/* CONTENT > Rate Module > Author Label */

#page-content .authorbox {
    background-color: var(--dark-bg-1) !important;
    color: var(--dark-txt-color) !important;
}

#page-content .authorbox::before {
    border-color: transparent transparent var(--dark-bg-1) transparent;
}

/* CONTENT > Image Block */

.scp-image-block .scp-image-caption {
    background-color: var(--dark-bg-1) !important;
    color: var(--dark-txt-color);
}

.scp-image-block img,
.scp-image-block .scp-image-caption {
    border-color: rgba(0, 0, 0, 0.4);
}

/* CONTENT > Tables Base */

#page-content tr th {
    color: var(--dark-bg-1);
    background-color: rgb(var(--accent));
    border: solid 2px rgb(var(--accent));
}

#page-content tr td {
    border: solid 2px rgb(var(--accent));
    background-color: var(--dark-bg-1);
}

/* 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,
#page-content .table1 .scp-image-block img {
    background-color: rgb(40, 159, 107);
    border-color: rgb(40, 159, 107);
    --link-txt-color: rgb(0, 229, 129);
    --accent: 0, 229, 129 !important;
}

#page-content .table1 tr td {
    border-color: rgb(40, 159, 107);
}

#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption,
#page-content .table2 .scp-image-block img {
    background-color: rgb(117, 167, 242);
    border-color: rgb(117, 167, 242);
    --link-txt-color: rgb(76, 146, 252);
    --accent: 76, 146, 252 !important;
}

#page-content .table2 tr td {
    border-color: rgb(117, 167, 242);
}

#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption,
#page-content .table3 .scp-image-block img {
    background-color: rgb(255, 226, 82);
    border-color: rgb(255, 226, 82);
    --link-txt-color: rgb(255, 255, 46);
    --accent: 255, 255, 46 !important;
}

#page-content .table3 tr td {
    border-color: rgb(255, 226, 82);
}

#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption,
#page-content .table4 .scp-image-block img {
    background-color: rgb(255, 141, 54);
    border-color: rgb(255, 141, 54);
    --link-txt-color: rgb(255, 98, 0);
    --accent: 255, 98, 0 !important;
}

#page-content .table4 tr td {
    border-color: rgb(255, 141, 54);
}

#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption,
#page-content .table5 .scp-image-block img {
    background-color: rgb(255, 34, 68);
    border-color: rgb(255, 34, 68);
    --link-txt-color: rgb(255, 71, 71);
    --accent: 255, 71, 71 !important;
}

#page-content .table5 tr td {
    border-color: rgb(255, 34, 68);
}

#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption,
#page-content .table6 .scp-image-block img {
    background-color: rgb(188, 136, 255);
    border-color: rgb(188, 136, 255);
    --link-txt-color: rgb(197, 159, 245);
    --accent: 197, 159, 245 !important;
}

#page-content .table6 tr td {
    border-color: rgb(188, 136, 255);
}

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

.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
    border-color: rgb(var(--one-color));
    --link-txt-color: rgb(var(--one-color));
    --accent: var(--one-color) !important;
}

.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
    border-color: rgb(var(--two-color));
    --link-txt-color: rgb(var(--two-color));
    --accent: var(--two-color) !important;
}

.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
    border-color: rgb(var(--three-color));
    --link-txt-color: rgb(var(--three-color));
    --accent: var(--three-color) !important;
}

.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
    border-color: rgb(var(--four-color));
    --link-txt-color: rgb(var(--four-color));
    --accent: var(--four-color) !important;
}

.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
    border-color: rgb(var(--five-color));
    --link-txt-color: rgb(var(--five-color));
    --accent: var(--five-color) !important;
}

.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
    border-color: rgb(var(--six-color));
    --link-txt-color: rgb(var(--six-color));
    --accent: var(--six-color) !important;
}

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table1,
div.blockquote.table1,
.blockquote.table2,
div.blockquote.table2,
.blockquote.table3,
div.blockquote.table3,
.blockquote.table4,
div.blockquote.table4,
.blockquote.table5,
div.blockquote.table5,
.blockquote.table6,
div.blockquote.table6 {
    background: var(--dark-bg-1);
}

.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
    background: var(--dark-bg-1);
}

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.blockquote.table1,
div.blockquote.table1 {
    border-left-color: rgb(var(--one-color));
    --link-txt-color: rgb(var(--one-color));
    --accent: var(--one-color) !important;
}

.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.blockquote.table2,
div.blockquote.table2 {
    border-left-color: rgb(var(--two-color));
    --link-txt-color: rgb(var(--two-color));
    --accent: var(--two-color) !important;
}

.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.blockquote.table3,
div.blockquote.table3 {
    border-left-color: rgb(var(--three-color));
    --link-txt-color: rgb(var(--three-color));
    --accent: var(--three-color) !important;
}

.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.blockquote.table4,
div.blockquote.table4 {
    border-left-color: rgb(var(--four-color));
    --link-txt-color: rgb(var(--four-color));
    --accent: var(--four-color) !important;
}

.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.blockquote.table5,
div.blockquote.table5 {
    border-left-color: rgb(var(--five-color));
    --link-txt-color: rgb(var(--five-color));
    --accent: var(--five-color) !important;
}

.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table6,
div.blockquote.table6 {
    border-left-color: rgb(var(--six-color));
    --link-txt-color: rgb(var(--six-color));
    --accent: var(--six-color) !important;
}

/* CONTENT > Tabs Customization */

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--accent));
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-1);
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    color: var(--dark-txt-color);
    background-color: rgb(var(--accent));
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-1);
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--accent));
}

.yui-navset .yui-nav .selected a {
    color: var(--dark-bg-1);
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    color: var(--dark-bg-1);
    background-color: rgb(var(--accent));
}

.yui-navset .yui-content {
    background-color: var(--dark-bg-1);
}

/* CONTENT > Collapsibles */

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
    color: var(--dark-txt-color);
    background: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 0px 2px rgb(var(--accent));
}

#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.25);
}

/* CONTENT > ACS Adjustments */

/*  ACS COLORS by Nagiros  */

.anom-bar>.bottom-box {
    /*  horizontal bar  */
    box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}

.bottom-box>.diamond-part {
    /*  vertical bar  */
    box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}

.anom-bar-container.esoteric .text-part .main-class,
.anom-bar-container.explained .text-part .main-class,
.anom-bar-container.neutralized .text-part .main-class,
.anom-bar-container.pending .text-part .main-class {
    background-color: rgba(66, 66, 72, .5) !important;
    background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
    border-left-color: rgb(118, 118, 130) !important;
    border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
}

.danger-diamond>.arrows {
    /*  inverted arrows  */
    filter: invert(90%) !important;
    -webkit-filter: invert(90%) !important;
}

.danger-diamond>.quadrants>.bottom-quad,
.anom-bar-container.explained .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.neutralized .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.pending .danger-diamond>.quadrants>.top-quad {
    /*  "transparent" bottoms/top icon backgrounds  */
    background-color: rgb(26, 26, 26) !important;
    /*  body background color  */
}

.danger-diamond>.bottom-icon,
.anom-bar-container.pending .danger-diamond>.top-icon::before {
    /*  esoteric, pending icon backgrounds  */
    background-color: rgb(3, 3, 3) !important;
}

.anom-bar>.bottom-box::before {
    background-color: var(--white-bar);
}

/* CONTENT > Woed Bar Adjustments */

div.scale div.item1>div,
div.scale div.class1>div,
div.scale div.obj {
    color: var(--dark-txt-color);
}

div.scale div.obj {
    background-color: var(--dark-bg-1);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35);
}

/* MISC */

#footer,
#footer a {
    color: var(--dark-txt-color);
}

#license-area {
    color: var(--dark-txt-color);
    background: var(--dark-bg-1);
    border-top: solid 2px rgba(0, 0, 0, 0.3);
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border-left: solid 1px var(--dark-bg-1);
    border-right: solid 1px var(--dark-bg-1);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top-color: var(--dark-bg-1);
}

#header #top-bar a {
    color: var(--dark-bg-1);
}

#page-content hr:not(.fancyhr hr) {
    background-color: rgb(var(--accent));
}

#page-content .divider>hr,
div.paper hr {
    border-top-color: rgb(var(--accent));
}

.page-options-bottom a {
    color: var(--dark-bg-1);
    background: rgb(var(--accent));
}

.page-options-bottom a:hover {
    background: rgba(var(--accent), 0.3);
    color: var(--dark-txt-color);
}

.code {
    background-color: #F8F8F8;
    border: solid 3px var(--dark-bg-2);
    box-shadow: none;
}

.fncon {
    background-color: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

/* Pop-Up Windows */
.owindow {
    background-color: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

.owindow .modal-header {
    background-color: var(--dark-bg-1);
}

.owindow .modal-body img {
    background-color: transparent !important;
}

.owindow .title {
    background-color: rgba(0, 0, 0, 0.4);
    color: rgb(var(--dark-txt-color));
    border-bottom-color: rgba(0, 0, 0, 0.6);
}

.owindow .button-bar a {
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--dark-txt-color);
}

.owindow .button-bar a:hover {
    background-color: rgb(var(--accent));
    color: var(--dark-bg-1);
}

.buttons .btn {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgb(var(--accent));
    color: #dfdfdf;
}

.buttons .btn:hover {
    background-color: rgb(var(--accent));
    color: var(--dark-txt-color);
}

#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
    background: var(--dark-bg-1);
    color: var(--dark-txt-color);
    border-color: #979797;
}

#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: var(--dark-bg-1);
    border-color: rgb(var(--accent));
    color: rgb(var(--accent));
}

#edit-save-button,
#edit-save-continue-button {
    --accent: 33, 255, 58;
}

#edit-cancel-button {
    --accent: 255, 31, 41;
}

#lock-info {
    background-color: var(--dark-bg-1);
}

a.action-area-close:hover {
    background-color: var(--dark-bg-1);
    color: rgb(var(--accent));
}

.wd-editor-toolbar-panel {
    filter: invert(90%) hue-rotate(180deg);
}

.pager .current {
    background-color: rgb(var(--accent));
    border-color: var(--dark-txt-color);
}

table.page-history tbody tr {
    color: var(--dark-txt-color);
}

textarea,
input.text {
    background-color: var(--dark-bg-1);
    color: var(--dark-txt-color);
}

.hovertip {
    background: var(--dark-bg-1) !important;
}

#main-content .page-tags {
    border-color: rgb(var(--accent));
}

#main-content .page-tags a {
    color: var(--dark-bg-1);
}

#main-content .page-tags a::after {
    background-color: var(--dark-bg-1);
}

#action-area>p {
    color: #c9eede;
}

.yui-ac-content {
    border: 1px solid var(--dark-txt-color);
    background: var(--dark-bg-1);
}

.autocomplete-list li:hover {
    background: unset;
    color: rgb(var(--accent));
}

.preview-message,
.error-block {
    background-color: rgba(64, 14, 23, 0.7) !important;
    color: var(--dark-txt-color);
}

input.checkbox,
.page-history input {
    filter: invert(1) grayscale(1);
}

#h-perpage {
    filter: invert(1);
}

table.page-history td.optionstd a,
.pager .current,
.pager a {
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.inline-diff del {
    background-color: rgba(255, 0, 0, 0.6);
}

.inline-diff ins {
    background-color: rgba(0, 255, 52, 0.3);
}

.fader iframe,
.fader a {
    border: none;
}

```
display: none;
```
```
width: fit-content; margin: auto;
```
```
width: fit-content; margin: auto;
```
```
margin: auto; width: 70%;
```
```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

width: 380px; border-radius: 15px; border: solid 2px grey;

width: 380px; border-radius: 15px; border: solid 2px grey;

```
width: fit-content; margin: auto;
```
```
display: flex; justify-content: center;
```

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;

```
width: fit-content; margin: auto;
```
```
width: fit-content; margin: auto;
```
```
width: fit-content; margin: auto;
```

display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; text-align: center;

```
margin: 10px;
```

padding-bottom: 4px; padding-left: 7px; padding-right: 9px; margin: 15px 10px;

```
margin-top: 2rem;
```

height: 10px; border-radius: 10px; background-image: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));

```
display: none
```

```
blockquote
```
```
slimtxt
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
note
```
```
note
```
```
note
```
```
blockquote
```
```
blockquote
```
```
modal
```
```
modal
```
```
jotting
```
```
jotting
```
```
paper
```
```
paper
```
```
notation
```
```
notation
```
```
table2
```
```
table5
```
```
blockquote
```
```
blockquote
```
```
table1
```
```
blockquote
```
```
table3
```
```
default-col
```
```
blockquote
```
```
blockquote
```
```
round
```

[[include :scp-wiki:component:toggle-sidebar]]
[[include :scp-wiki:component:acs-animation]]
[[include :scp-wiki:component:fade-in speed=1]]
[[include :scp-wiki:component:betterfootnotes]]

[[iftags +theme]]

[[div style="display: none;"]]
[[include component:image-block
    name=fxtrt.png|
    caption=Foxtrot|
    align=center
]]
[[/div]]

[[=]]
[[module Rate]]
[[/=]]

= @@ @@

[[div style="width: fit-content; margin: auto;"]]
[[=]]
= **On any Sigma-9 page:**
[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot]]@@}}**
[[/div]]
[[/=]]
[[/div]]

= @@ @@

= @@ @@

[[=]]
+ What's this?
[[/=]]

[[div class="slimtxt" style="margin: auto; width: 70%;"]]
**Foxtrot** is an aesthetic Sigma-9 theme designed to emulate the look and feel of a large forthcoming [[[https://scp-wiki.wikidot.com/theme:basalt|Basalt]]] update -- blending a modern, flat design with the quirky early-web comfiness of the Sigma-9 that came before.

It can be viewed as a transitionary theme for those looking to meet Basalt's new look halfway.

Foxtrot is based on a slew of previous themes, most notably [[[https://scp-wiki.wikidot.com/theme:blankstyle|Blankstyle]]] and [[[https://scp-wiki.wikidot.com/theme:penumbra|Penumbra]]]. It is equipped with support for light and dark modes; articles can be seamlessly switched to one or the other.

[[/div]]

= @@ @@

= @@ @@

= @@ @@

[[=]]
+ [[size 150%]]##crimson|1## @@ @@ Variants[[/size]]
[[/=]]

------

= @@ @@

[[=]]
++ 1##crimson|.1## @@ @@ @@ @@ On Guard 43

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|canada=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image canada_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image canada_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.2## @@ @@ @@ @@ S&C Plastics

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|slothspit=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image slothspit_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image slothspit_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.3## @@ @@ @@ @@ From 120's Archives

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|poland=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image poland_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image poland_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.4## @@ @@ @@ @@ Vanguard

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|vanguard=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image vanguard_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image vanguard_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
[[collapsible show="+ Show additional variants" hide="- Hide additional variants"]]
[[<]]

[[=]]
++ 1##crimson|.5## @@ @@ @@ @@ Threshold

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|threshold=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image threshold_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image threshold_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.6## @@ @@ @@ @@ Overwatch

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|overwatch=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image overwatch_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image overwatch_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.7## @@ @@ @@ @@ Shark Punching Center

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|spc=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image spc_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image spc_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.8## @@ @@ @@ @@ The Fishing Council

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|fishing=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image fishing_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image fishing_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.9## @@ @@ @@ @@ NIGHTFALL

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|nightfall=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image nightfall_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image nightfall_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.10## @@ @@ @@ @@ War On All Fronts

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|hybrasil=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image hybrasil_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image hybrasil_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.11## @@ @@ @@ @@ Global Occult Coalition

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|goc=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image goc_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image goc_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

= @@ @@

[[=]]
++ 1##crimson|.12## @@ @@ @@ @@ Halloween

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|spooky=a##@@]]@@}}**
[[/div]]
@@@@
[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[=image spooky_light.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[=image spooky_dark.png style="width: 380px; border-radius: 15px; border: solid 2px grey;"]]
[[/div]]
[[/=]]

[[/<]]
[[/collapsible]]
[[/=]]

= @@ @@

= @@ @@

[[=]]
++ 1##crimson|.13## @@ @@ @@ @@ Dark Mode
[[/=]]

= To apply dark mode, add the **{{##green|dark=a##}}** modifier. Multiple modifiers are separated with **{{|}}**, like so:

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
**{{@@[[include :scp-wiki:theme:foxtrot@@ ##green|dark=a##@@|@@##green|threshold=a##@@]]@@}}**
[[/div]]

= @@ @@

= @@ @@

[[=]]
+ [[size 150%]]##crimson|2## @@ @@ Customization[[/size]]
[[/=]]

------

= @@ @@

[[=]]
++ 2##crimson|.1## @@ @@ @@ @@ Variables
[[/=]]

= The following are CSS variables used to control aspects of this theme.

= @@ @@

[[=]]
[[collapsible show="+ Basics" hide="- Basics"]]
[[<]]
[[div class="note"]]

**Basics**

* **{{@@--header-title@@}}** @@ @@ -- @@ @@ The text displayed on the page header title.
 * Default value: @@ @@ {{"SCP Foundation"}}

* **{{@@--header-subtitle@@}}** @@ @@ -- @@ @@ The text displayed on the page header subtitle.
 * Default value: @@ @@ {{"SECURE, CONTAIN, PROTECT"}}

* **{{@@--logo-img@@}}** @@ @@ -- @@ @@ The image displayed on the page header.
 * Default value: @@ @@ {{url(__@@https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt_scp_logo_lightmode.svg@@__)}}
 * Default value (dark mode): @@ @@ {{url(__@@https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt_scp_logo_darkmode.svg@@__)}}

* **{{@@--logo-opacity@@}}** @@ @@ -- @@ @@ The opacity of the image displayed on the page header.
 * Default value: @@ @@ {{14%}}
 * Default value (dark mode): @@ @@ {{30%}}

[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]

[[=]]
[[collapsible show="+ Colors" hide="- Colors"]]
[[<]]
[[div class="note"]]

**Colors**

* **{{@@--accent@@}}** @@ @@ -- @@ @@ The accent color of the theme. (RGB)
 * Default value: @@ @@ {{59, 59, 59}}
 * Default value (dark mode): @@ @@ {{153, 187, 255}}

* **{{@@--header-txt-color@@}}** @@ @@ -- @@ @@ The text color of the header title.
 * Default value: @@ @@ {{#333333}}
 * Default value (dark mode): @@ @@ {{@@rgb(var(--accent))@@}}

* **{{@@--misc-txt-color@@}}** @@ @@ -- @@ @@ The text color of various elements in and around the header.
 * Default value: @@ @@ {{#464646}}
 * Default value (dark mode): @@ @@ {{@@var(--dark-txt-color)@@}}

* **{{@@--link-txt-color@@}}** @@ @@ -- @@ @@ The text and background color for links.
 * Default value: @@ @@ {{#E6283C}}
 * Default value (dark mode): @@ @@ {{@@rgb(var(--accent))@@}}

* **{{@@--darkmode-gradient-top@@}}** @@ @@ -- @@ @@ The color of the top of the page background gradient in dark mode.
 * Default value (dark mode): @@ @@ {{@@var(--dark-bg-1)@@}}

* **{{@@--darkmode-gradient-bottom@@}}** @@ @@ -- @@ @@ The color of the bottom (or main body) of the page background gradient in dark mode.
 * Default value (dark mode): @@ @@ {{@@var(--dark-bg-2)@@}}

* **{{@@--dark-bg-1@@}}** @@ @@ -- @@ @@ One of two background colors for all elements in dark mode.
 * Default value (dark mode): @@ @@ {{#21252E}}

* **{{@@--dark-bg-2@@}}** @@ @@ -- @@ @@ One of two background colors for all elements in dark mode.
 * Default value (dark mode): @@ @@ {{#2F333C}}

* **{{@@--dark-txt-color@@}}** @@ @@ -- @@ @@ The base text color in dark mode.
 * Default value (dark mode): @@ @@ {{#EDEDED}}

[[/div]]
[[/<]]
[[/collapsible]]

[[collapsible show="+ Fonts" hide="- Fonts"]]
[[<]]
[[div class="note"]]

**Fonts**

* **{{@@--head-font@@}}** @@ @@ -- @@ @@ The font used for the header and page headings.
 * Default value: @@ @@ {{Lexend}}

* **{{@@--page-font@@}}** @@ @@ -- @@ @@ The font used for page content.
 * Default value: @@ @@ {{verdana}}

* **{{@@--ui-font@@}}** @@ @@ -- @@ @@ The font used for interfaces outside of the page content.
 * Default value: @@ @@ {{Sofia Sans}}

* **{{@@--mono-font@@}}** @@ @@ -- @@ @@ The font used when viewing and editing the page source.
 * Default value: @@ @@ {{JetBrains Mono}}

* **{{@@--base-font-size@@}}** @@ @@ -- @@ @@ Font size for interfaces outside of the page content.
 * Default value: @@ @@ {{0.9rem}}

* **{{@@--page-font-size@@}}** @@ @@ -- @@ @@ Font size for the page content.
 * Default value: @@ @@ {{0.84rem}}

[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]

= @@ @@

= @@ @@

[[=]]
+ [[size 150%]]##crimson|3## @@ @@ Elements[[/size]]
[[/=]]

------

= @@ @@

[[=]]
++ 3##crimson|.1## @@ @@ @@ @@ Divs
[[/=]]

= Div blocks included with or altered by this theme.

= @@ @@

[[div class="blockquote"]]
= **{{##333|@@[[div class="blockquote"]]@@##}}**
[[/div]]

[[div class="modal"]]
= **{{##333|@@[[div class="modal"]]@@##}}**
[[/div]]

[[div class="jotting"]]
= **{{##333|@@[[div class="jotting"]]@@##}}**
[[/div]]

[[div class="paper"]]
= **{{##333|@@[[div class="paper"]]@@##}}**
[[/div]]

[[div class="notation"]]
= **{{##333|@@[[div class="notation"]]@@##}}**
[[/div]]

= @@ @@

= @@ @@

[[=]]
++ 3##crimson|.2## @@ @@ @@ @@ Coloring
[[/=]]

= Many elements can be colored by wrapping them in a div with a **{{tableX}}** class.

[[div style="display: flex; justify-content: center;"]]
[[div]]
**{{table1}}** corresponds to **green**,
**{{table2}}** corresponds to **blue**,
**{{table3}}** corresponds to **yellow**,
**{{table4}}** corresponds to **orange**,
**{{table5}}** corresponds to **red**,
and **{{table6}}** corresponds to **purple**.
[[/div]]
[[/div]]

This system is designed to connect with the color palette of the [[[https://scp-wiki.wikidot.com/anomaly-classification-system-guide |Anomaly Classification System]]]; each color signifies a different security clearance level.

[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]
[[div]]
||~ Ordinary table ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table2"]]
||~ Table with **{{table2}}** class ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table5"]]
||~ Table with **{{table5}}** class ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]
[[/div]]

= @@ @@

[[div style="display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;"]]

[[div class="blockquote" style="width: fit-content; margin: auto;"]]
= Ordinary blockquote
[[/div]]

[[div class="blockquote table1" style="width: fit-content; margin: auto;"]]
= Blockquote with **{{table1}}** class
[[/div]]

[[div class="blockquote table3" style="width: fit-content; margin: auto;"]]
= Blockquote with **{{table3}}** class
[[/div]]

[[/div]]

= @@ @@

= @@ @@

[[=]]
++ 3##crimson|.3## @@ @@ @@ @@ Extras
[[/=]]

= A few additional tips.

= @@ @@

* Collapsibles, heavily styled in this theme, can be reverted back their original look if wrapped inside a div with the **{{default-col}}** class.

[[div style="display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; text-align: center;"]]

[[div style="margin: 10px;"]]
[[collapsible]]
Lorem ipsum
[[/collapsible]]
[[/div]]

[[div class="default-col" style="padding-bottom: 4px; padding-left: 7px; padding-right: 9px; margin: 15px 10px;"]]
[[collapsible]]
dolor sit amet
[[/collapsible]]
[[/div]]

[[/div]]

= @@ @@

* Virtually any element can be given round edges if wrapped inside a div with the **{{round}}** class.

[[div class="blockquote" style="margin-top: 2rem;"]]
= Ordinary blockquote
[[/div]]

[[div class="blockquote round"]]
= Round blockquote
[[/div]]

= @@ @@

* Applying the **{{##green|hidetitle=a##}}** setting removes the page title.

* Applying the **{{##green|wide=a##}}** setting extends the width of the page -- though this may interfere with any sideboxes present (which this theme has inbuilt support for).

* Applying the **{{##green|verdana=a##}}** setting switches the main page font to Verdana.

= @@ @@

= @@ @@

= @@ @@

[[div style="height: 10px; border-radius: 10px; background-image: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));"]]
[[/div]]

= @@ @@ 

[[=]]
[[collapsible show="+ Show source code" hide="- Close"]]
= @@ @@
[[/iftags]]
[[div [[iftags -theme]]style="display: none"[[/iftags]]]]

[[<]]
[[module CSS show="true"]]

/*

    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: 0.9rem;

    /* 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.7rem;
    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: 0.8rem;
}

#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;
    }

}

[[/module]]
[[/<]]
[[/div]]
[[iftags +theme]]
[[/collapsible]]
[[/=]]
[[/iftags]]

>[[ift{$wide}gs -theme]]
>[[iftags]]
[[module CSS]]

@media (min-width: 768px) {
    #main-content {
    	max-width: 85%;
    }
}

[[/module]]
>[[/iftags]]
>[[/ift{$wide}gs]]

>[[ift{$hidetitle}gs -theme]]
>[[iftags]]
[[module CSS]]

#page-title {
    display: none;
}

[[/module]]
>[[/iftags]]
>[[/ift{$hidetitle}gs]]

>[[ift{$verdana}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --page-font: 'verdana', 'Inter';
}

[[/module]]
>[[/iftags]]
>[[/ift{$verdana}gs]]


[!-- THEME VARIANTS --]

>[[ift{$canada}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-canada);
    --header-title: "Site-43";
    --header-subtitle: "SUBVERTING COMMON PRACTICE";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada.svg);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-canada_darkmode.png);
    --logo-opacity: 21%;
}

[[/module]]
>[[/iftags]]
>[[/ift{$canada}gs]]

>[[ift{$poland}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-poland);
    --header-title: "Site-120";
    --header-subtitle: "FIGHTING FIRE WITH FIRE";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew2.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/120.png);
}

[[/module]]
>[[/iftags]]
>[[/ift{$poland}gs]]

>[[ift{$slothspit}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-slothspit);
    --header-title: "S\0026 C Plastics";
    --header-subtitle: "SITE-87, NARRATIVE AND NEXOLOGICAL STUDIES";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/the-s-c-plastics-hub/Big87.png);
    --logo-opacity: 20% !important;
}

[[/module]]
>[[/iftags]]
>[[/ift{$slothspit}gs]]

>[[ift{$vanguard}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-vanguard);
    --header-title: "ANGUARD";
    --header-subtitle: "SHELTER, NORMALIZE, INFORM";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-vanguard_logo.webp);
    --logo-opacity: 100% !important;

    --dark-bg-1: #0c1a2e !important;
    --dark-bg-2: #132a4a !important;

}

body {
    background-image: linear-gradient(to bottom, #50dbd5, #d9ffc8 90px, #d9ffc8 90px, #fff 200px);
}

#header h2::before {
    font-size: 1.15em;
    line-height: 21px;
}

div#extra-div-1 {
    margin-top: -15px;
    left: -9.75rem;
}

#header h1 {
    position: inherit;
    right: -1.7em;
}

#header h2 {
    margin-left: 4.5rem;
}

@media (max-width: 767px) {

    #header h2::before {
    	font-size: 1em;
    	line-height: 12px;
    	margin-left: 12px;
    }

    div#extra-div-1 {
    	left: -8rem;
    }

    #header h1 a::before {
    	font-size: 1.5em;
    }

}

@media (max-width: 700px) {

    #header h2::before {
    	margin-left: 16px;
    	margin-top: 0.9rem;
    }

}

@media (max-width: 620px) {

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

    div#header {
    	height: 145px;
    }

}

@media (max-width: 450px) {

    div#extra-div-1 {
    	left: -7rem;
    }

    #header h2::before {
    	font-size: 0.8em;
    	line-height: 20px;
    	margin-left: 18px;
    	margin-top: 0.3rem;
    }

}

[[/module]]
>[[/iftags]]
>[[/ift{$vanguard}gs]]

>[[ift{$threshold}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-threshold);
    --header-title: "THRESHOLD";
    --header-subtitle: "SUSTAIN, CONSERVE, PROLONG";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-13/overwatchheaderthreshold.svg);
    --logo-opacity: 100% !important;

    --darkmode-gradient-top: rgb(var(--accent)) !important;
}

#header h1 a::before,
#header h2::before {
    color: transparent;
}

#login-status {
    color: var(--dark-bg-1) !important;
}

#login-status>a {
    color: var(--dark-bg-2) !important;
    border-color: var(--dark-bg-2);
}

div#extra-div-1 {
    background-size: 300px;
}

@media (max-width: 700px) {

    div#extra-div-1 {
    	background-size: 270px;
    	top: -3px;
    }

}

@media (max-width: 620px) {

    div#extra-div-1 {
    	top: -10px;
    }

}

@media (max-width: 520px) {

    div#extra-div-1 {
    	background-size: 245px;
    	top: 3px;
    }

}

[[/module]]
>[[/iftags]]
>[[/ift{$threshold}gs]]

>[[ift{$overwatch}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-overwatch);
    --header-title: "OVERWATCH";
    --header-subtitle: "SACRIFICE CONFERS POWER";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/fragment%3Ascp-6500-2/overwatchheader.svg);
    --logo-opacity: 100% !important;

    --darkmode-gradient-top: rgb(var(--accent)) !important;
}

#header h1 a::before,
#header h2::before {
    color: transparent;
}

#login-status {
    color: var(--dark-bg-1) !important;
}

#login-status>a {
    color: var(--dark-bg-2) !important;
    border-color: var(--dark-bg-2);
}

div#extra-div-1 {
    background-size: 300px;
}

@media (max-width: 700px) {

    div#extra-div-1 {
    	background-size: 270px;
    	top: -3px;
    }

}

@media (max-width: 620px) {

    div#extra-div-1 {
    	top: -10px;
    }

}

@media (max-width: 520px) {

    div#extra-div-1 {
    	background-size: 245px;
    	top: 3px;
    }

}

[[/module]]
>[[/iftags]]
>[[/ift{$overwatch}gs]]

>[[ift{$wyoming}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-wyoming);
    --header-title: "1 5 0";
    --header-subtitle: "SAMENESS CULTIVATES PAROXYSMS";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/liryn/ATOM.svg);
}

#header h1 a::before {
    word-spacing: -18px;
    font-size: 1.5em;
    color: rgb(var(--accent));
}

#header h1 a::after {
    display: flex;
    justify-content: center;
    margin-top: -2.6em;
    content: "TETON WY USA";
    color: var(--header-txt-color);
    font-family: var(--head-font);
    font-size: 1rem;
    text-shadow: none;
    word-spacing: 10px;
}

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

body {
    background-image: linear-gradient(to bottom, #58000024, #fff 200px);
}

[[/module]]
>[[/iftags]]
>[[/ift{$wyoming}gs]]

>[[ift{$spc}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-spc);
    --header-title: "SPC Database";
    --header-subtitle: "SHARK PUNCHING CENTER";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-spc_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png);

    --darkmode-gradient-top: #175968 !important;
}

body {
    background-image: linear-gradient(to bottom, #b4d5df, #fff 200px);
}

[[/module]]
>[[/iftags]]
>[[/ift{$spc}gs]]

>[[ift{$fishing}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-fishing);
    --header-title: "Fishing Council";
    --header-subtitle: "CANSHM SITE-184";
    --logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Site-184.svg);
}

#header h1 a {
    padding: 71px 0;
}

[[/module]]
>[[/iftags]]
>[[/ift{$fishing}gs]]

>[[ift{$nightfall}gs -theme]]
>[[iftags]]
[[module CSS]]

:root {
    --accent: var(--acc-nightfall);
    --header-title: "NIGHTFALL";
    --header-subtitle: "EVERYONE DIES IN THE DARK";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-nightfall_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/nightfall-hub/moon1.png);

    --dark-bg-1: #111113 !important;
    --dark-bg-2: #070707 !important;
}

body {
    background-image: linear-gradient(to bottom, #b1b1b1, #f5f5f7 250px);
}

[[/module]]
>[[/iftags]]
>[[/ift{$nightfall}gs]]

>[[ift{$hybrasil}gs -theme]]
>[[iftags]]
[[module CSS]]

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

:root {
    --accent: var(--acc-hybrasil);
    --header-title: "WAR ON ALL FRONTS";
    --header-subtitle: "WE'RE GOING TO NEED A BIGGER BOAT";
    --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-hybrasil_lightmode.png);
    --darkmode-logo-img: url(https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-bhl/mksjr3.png);
    --logo-opacity: 20%;

    --head-font: 'Saira Stencil One';

    --dark-bg-1: #041945 !important;
    --dark-bg-2: #000C26 !important;
}

body {
    background-image: linear-gradient(to bottom, #818ae0, #fff 200px);
}

[[/module]]
>[[/iftags]]
>[[/ift{$hybrasil}gs]]

>[[ift{$goc}gs -theme]]
>[[iftags]]
[[module CSS]]

@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

:root {

    --accent: var(--acc-goc);
    --header-title: "G.O.C.";
    --header-subtitle: "CASEFILES ARCHIVE";
    --head-font: 'Russo One';
    --logo-opacity: 34%;

    --dark-bg-1: #0d1222 !important;
    --dark-bg-2: #00040f !important;

/* animated GOC logo by 7happy7 */

    --logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");

    --darkmode-logo-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='400.000000pt' height='400.000000pt' viewBox='0 0 400.000000 400.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E%0Apath %7B fill: %234c98e4; animation: stroke-anim-2 8s ease-in-out 1 alternate;%0A%7D path%5Bstyle='fill:red;'%5D %7B fill: %234367aa !important;%0A%7D .st0 %7B stroke: %23245299; stroke-dasharray: 200%25; stroke-width: 1.5px; animation: stroke-anim 8s ease-in-out 1 alternate;%0A%7D @keyframes stroke-anim %7B 0%25, 10%25 %7B stroke-dashoffset: 200%25; fill: transparent; %7D 50%25, 70%25 %7B fill: transparent; %7D 80%25, 100%25 %7B stroke-dashoffset: 0%25; fill: %23245299; %7D%0A%7D @keyframes stroke-anim-2 %7B 0%25, 65%25 %7B fill: transparent; %7D 80%25 %7B fill: %234c98e4; %7D%0A%7D %3C/style%3E%3Cg xmlns='http://www.w3.org/2000/svg' style='transform-origin: 78px 24px;transform: scale(0.69);'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' class='st0' points='158.227,313.474 185.858,333.556 217.339,356.416 244.97,336.31 196.413,301.055 196.406,301.063 168.775,280.988 168.767,280.996 99.983,231.004 171.375,231.004 181.9,198.51 0,198.51 158.204,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='200.617,288.06 219.157,231.004 229.735,198.51 256.023,117.683 278.069,185.516 312.25,185.516 256.023,12.546 240.558,60.067 195.546,198.51 185.021,231.004 173.024,268.009 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='353.78,313.474 343.226,280.988 343.226,280.996 331.183,243.999 297.048,243.999 315.587,301.055 315.587,301.07 326.15,333.556 326.158,333.548 352.408,414.422 294.661,372.493 267.062,392.546 414.227,499.454 353.796,313.489 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='354.272,272.98 364.842,305.473 512,198.51 243.374,198.51 232.85,231.004 412.018,231.004 354.272,272.933 ' style='fill: %23245299;' /%3E%3Cpolygon class='st0' points='315.066,341.603 304.495,309.109 256.023,344.372 228.385,364.432 159.592,414.422 181.646,346.536 154.001,326.438 97.773,499.454 256.023,384.522 283.616,364.432 ' style='fill: %23245299;' /%3E%3C/g%3E%3Cg transform='translate(0.000000,400.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1523 3493 c-24 -8 -43 -19 -43 -25 0 -5 -5 -6 -10 -3 -13 8 -120 -40 -120 -54 0 -6 -6 -8 -14 -5 -18 7 -95 -32 -103 -51 -3 -8 -14 -15 -24 -15 -25 0 -89 -41 -89 -57 0 -18 14 -16 53 7 32 19 35 19 41 4 4 -9 5 -18 4 -19 -2 -1 -17 -10 -35 -21 -22 -13 -29 -24 -24 -33 7 -11 14 -10 37 5 16 10 39 27 52 38 12 11 22 16 22 12 0 -5 7 -3 15 4 13 11 13 15 0 41 -14 26 -14 29 7 40 18 10 24 8 34 -6 7 -10 15 -23 17 -28 2 -6 11 -8 21 -4 9 4 15 11 12 15 -3 5 7 9 22 9 15 0 45 9 67 19 22 10 42 18 45 19 35 6 100 31 100 39 0 25 -25 86 -34 85 -6 -1 -30 -8 -53 -16z m15 -35 c-17 -6 -28 -17 -28 -29 0 -10 -4 -19 -9 -19 -9 0 -24 30 -18 36 7 7 53 23 67 23 8 -1 3 -5 -12 -11z m-88 -53 c0 -16 -35 -29 -50 -20 -16 10 -12 21 13 32 25 12 37 8 37 -12z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2390 3487 c0 -9 13 -18 30 -22 28 -6 30 -10 28 -42 -5 -65 29 -50 46 20 7 30 -3 37 -71 52 -26 5 -33 3 -33 -8z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2516 3422 c7 -51 19 -72 40 -72 17 0 94 49 94 60 0 16 -33 20 -49 7 -9 -8 -23 -17 -31 -21 -8 -4 -6 0 5 9 14 12 16 19 7 22 -7 3 -18 10 -25 17 -6 7 -20 15 -30 19 -17 6 -18 2 -11 -41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M1703 3409 c-371 -78 -708 -306 -906 -614 -47 -74 -127 -228 -127 -245 0 -5 16 -10 35 -10 34 0 36 3 76 83 48 95 98 171 170 258 l51 61 79 -78 78 -77 -38 -46 c-42 -51 -118 -162 -127 -186 -5 -11 1 -15 18 -15 19 0 36 17 81 83 30 45 66 92 79 104 l24 23 73 -74 c73 -73 73 -74 56 -99 l-16 -25 71 0 72 0 -22 23 -21 22 48 43 c26 23 82 62 125 87 47 28 78 53 82 66 3 12 3 23 1 25 -9 9 -167 -83 -227 -132 l-65 -54 -74 74 -73 74 34 36 c44 45 197 148 270 182 30 13 93 37 139 52 63 20 86 32 92 48 12 31 -12 29 -122 -8 -150 -50 -266 -115 -384 -215 l-67 -57 -77 76 -76 77 54 51 c107 99 273 201 423 258 62 24 223 65 289 74 42 6 47 10 57 41 l10 35 -36 -1 c-21 0 -78 -9 -129 -20z' /%3E%3Cpath d='M2164 3394 c12 -37 13 -37 106 -56 215 -43 441 -155 605 -299 33 -29 59 -55 57 -58 -2 -3 -35 -39 -74 -79 l-70 -72 -42 38 c-56 52 -150 115 -238 159 -85 43 -242 95 -246 83 -9 -24 23 -47 102 -74 84 -28 96 -41 47 -48 -40 -5 -35 -23 23 -88 31 -35 56 -69 56 -77 0 -11 7 -13 28 -8 22 4 33 0 52 -20 16 -17 19 -25 9 -25 -8 0 7 -15 33 -33 l47 -34 -28 -27 -29 -28 -60 49 c-33 26 -88 63 -123 82 l-62 34 7 -29 c8 -32 12 -36 80 -76 33 -20 44 -32 40 -43 -7 -18 32 -65 54 -65 13 0 12 3 -1 18 -25 27 -21 36 7 15 l24 -18 -20 -22 -20 -21 72 0 73 0 -22 21 -21 21 31 32 31 32 47 -25 c25 -14 60 -38 76 -54 37 -34 48 -36 73 -9 17 18 20 19 32 5 12 -14 60 -22 60 -9 0 11 -86 131 -124 172 l-40 43 77 77 77 77 30 -35 c61 -70 138 -177 184 -257 45 -78 50 -83 82 -83 20 0 34 5 34 12 0 6 -23 53 -51 103 -196 355 -529 610 -919 703 -47 11 -106 23 -132 27 l-47 6 13 -37z m561 -568 c16 -14 26 -29 22 -33 -11 -11 -36 7 -76 57 -35 44 -36 44 -6 22 17 -12 43 -33 60 -46z m80 -77 c11 -17 0 -20 -21 -4 -17 13 -17 14 -2 15 9 0 20 -5 23 -11z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2623 3377 c-41 -29 -47 -47 -17 -47 8 0 26 7 39 16 23 15 24 15 30 -13 11 -46 14 -53 25 -53 5 0 10 23 10 53 0 46 -3 55 -22 64 -19 8 -31 4 -65 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2739 3319 c-13 -27 -17 -45 -11 -51 14 -14 26 -5 51 37 20 34 20 35 1 45 -17 9 -22 5 -41 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2798 3279 c-21 -11 -38 -23 -38 -28 0 -16 26 -19 51 -5 37 20 42 17 36 -20 -4 -24 -1 -39 9 -47 19 -15 20 -13 28 48 6 45 4 53 -13 62 -26 14 -29 14 -73 -10z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1083 3269 c-6 -6 -10 -25 -8 -43 1 -17 0 -23 -2 -13 -5 20 -7 20 -31 8 -9 -5 -25 -12 -34 -15 -31 -9 -19 -24 33 -41 69 -23 83 -10 73 63 -7 54 -12 60 -31 41z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2943 3223 c3 -15 -1 -23 -14 -26 -40 -11 -33 -37 22 -93 l53 -54 21 20 c26 24 38 25 55 5 11 -13 9 -20 -10 -40 -18 -20 -21 -28 -12 -37 9 -9 15 -9 24 0 16 16 28 15 28 -1 0 -8 9 -22 20 -32 11 -10 20 -23 20 -29 0 -5 -13 5 -29 24 -40 48 -52 30 -14 -22 36 -49 43 -53 68 -35 18 14 18 15 -5 53 l-23 39 30 -34 c17 -20 32 -30 36 -24 9 14 -49 93 -68 93 -8 0 -15 8 -15 18 0 20 -59 82 -78 82 -7 0 -12 6 -12 14 0 21 -20 30 -33 17 -17 -17 -27 -13 -27 13 0 13 -9 34 -21 47 -20 23 -20 24 -16 2z m27 -78 c7 -8 8 -15 2 -15 -5 0 -15 7 -22 15 -7 8 -8 15 -2 15 5 0 15 -7 22 -15z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M959 3170 c-12 -8 -11 -14 5 -40 25 -44 7 -64 -29 -30 -20 19 -27 21 -40 10 -8 -7 -12 -16 -9 -21 3 -5 -1 -9 -9 -9 -18 0 -77 -65 -77 -84 0 -14 41 -56 56 -56 16 0 74 64 74 82 0 9 6 15 13 14 16 -1 117 88 117 103 0 14 -23 14 -37 0 -7 -7 -16 -3 -30 14 -14 18 -24 23 -34 17z m-72 -146 c8 -20 -21 -48 -42 -40 -15 5 -14 8 2 31 21 29 31 31 40 9z' /%3E%3Cpath d='M1987 3019 c-4 -13 -7 -48 -7 -76 0 -41 -4 -53 -15 -53 -9 0 -19 -10 -24 -22 -7 -19 -5 -24 13 -28 19 -5 21 -14 24 -103 3 -107 7 -102 -70 -112 -35 -4 -49 -11 -53 -26 -4 -11 -5 -22 -3 -24 1 -2 28 1 58 7 45 8 56 7 66 -6 15 -21 44 -21 44 0 0 17 10 16 103 -2 27 -6 32 1 21 30 -4 10 -26 17 -65 22 l-59 7 0 103 c0 97 1 104 20 104 25 0 26 25 2 42 -13 9 -21 31 -25 70 -3 31 -10 64 -15 74 -8 14 -10 13 -15 -7z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M765 2969 c-4 -5 1 -19 11 -30 16 -18 16 -19 -9 -19 -24 0 -88 -44 -77 -52 75 -57 78 -58 91 -42 11 13 9 19 -11 35 l-25 19 36 0 c23 0 42 7 54 20 18 20 18 21 -10 50 -30 31 -49 37 -60 19z' /%3E%3Cpath d='M3045 2330 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0 -8 -4 -11 -10z' /%3E%3Cpath d='M2567 2165 l55 -165 29 21 c38 27 65 68 61 92 -2 12 4 20 17 24 12 3 21 8 21 12 0 4 7 16 16 27 15 18 15 17 10 -18 -2 -21 -1 -38 5 -38 5 0 9 10 9 23 0 12 4 28 9 35 6 10 10 8 14 -8 5 -19 8 -20 27 -8 22 14 22 17 -6 116 -12 45 -18 52 -39 52 -26 0 -31 -11 -16 -38 12 -23 2 -72 -15 -72 -7 0 -14 -14 -16 -32 -4 -44 -22 -38 -26 9 -5 59 -52 97 -52 42 0 -10 -6 -19 -14 -19 -18 0 -29 27 -13 34 8 3 6 5 -3 5 -8 1 -28 17 -43 36 -20 25 -36 35 -57 35 l-28 0 55 -165z' /%3E%3Cpath d='M2731 2309 c9 -17 13 -19 20 -8 14 22 11 29 -11 29 -18 0 -19 -3 -9 -21z' /%3E%3Cpath d='M1446 2302 c-3 -10 -37 -50 -76 -90 -38 -40 -70 -80 -70 -90 1 -15 2 -14 12 3 15 27 26 33 52 28 21 -4 22 -7 13 -58 -8 -41 -7 -58 3 -70 19 -23 26 -19 39 23 7 20 15 44 17 52 5 13 4 13 -5 0 -17 -24 -13 1 14 87 14 44 34 88 45 98 28 25 25 35 -9 35 -20 0 -32 -6 -35 -18z' /%3E%3Cpath d='M1712 2149 c-61 -194 -62 -217 -12 -308 16 -29 28 -57 25 -61 -2 -4 8 -13 23 -21 15 -8 45 -26 67 -40 46 -30 97 -49 132 -49 28 0 41 -25 25 -50 -9 -15 -7 -21 13 -34 13 -9 27 -16 30 -16 3 0 5 23 5 50 0 54 15 66 30 24 8 -20 13 -24 23 -15 9 7 17 7 24 0 7 -7 16 -5 27 7 12 12 14 20 7 27 -19 19 -12 29 13 23 14 -3 28 -1 31 4 4 6 12 9 19 8 7 -2 52 26 101 62 49 36 92 67 97 71 13 9 -141 459 -156 453 -7 -3 -32 4 -57 15 -37 17 -65 21 -183 21 -123 0 -142 -2 -172 -21 l-34 -21 0 21 c0 12 -6 21 -12 21 -8 0 -35 -70 -66 -171z m280 120 c-4 -39 15 -82 33 -75 21 8 45 -3 45 -20 0 -8 4 -14 9 -14 5 0 12 -12 15 -26 5 -19 11 -24 25 -19 21 6 38 -10 21 -20 -6 -4 -8 -21 -4 -41 5 -29 4 -34 -14 -34 -11 0 -25 -6 -31 -13 -9 -11 1 -18 47 -33 70 -23 67 -21 53 -38 -11 -13 -7 -18 21 -30 18 -8 26 -15 16 -15 -9 -1 -24 -10 -32 -22 -8 -13 -20 -18 -28 -14 -7 3 -6 1 3 -7 22 -18 33 -55 19 -63 -7 -4 -17 -2 -23 4 -8 8 -8 11 1 11 29 0 10 30 -23 36 -52 10 -62 2 -69 -60 -7 -54 -8 -55 -44 -62 -50 -10 -137 10 -191 44 -78 48 -146 161 -126 209 5 10 7 22 6 26 0 4 6 10 14 13 22 9 18 34 -5 34 -26 0 -26 22 1 46 20 18 21 18 35 0 7 -10 11 -22 9 -27 -10 -16 21 -15 35 1 8 9 25 20 38 24 12 4 22 11 22 16 0 5 -7 7 -15 4 -8 -4 -15 -3 -15 1 0 12 45 44 62 45 19 0 76 100 58 100 -6 0 -8 5 -4 12 4 6 -9 -1 -30 -17 -33 -25 -39 -27 -61 -15 -41 22 -34 27 75 64 35 11 55 2 52 -25z' /%3E%3Cpath d='M1812 2044 c-12 -15 -26 -24 -29 -20 -7 7 -33 -12 -33 -25 0 -17 37 -9 55 11 18 20 45 27 45 12 0 -11 -39 -47 -67 -61 -13 -6 -28 -21 -34 -33 -10 -18 -9 -20 6 -15 9 4 25 3 35 -3 15 -8 24 -3 49 25 37 42 43 94 12 102 -12 3 -17 11 -14 19 8 20 1 17 -25 -12z' /%3E%3Cpath d='M1955 1760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7 -4 -4 -10z' /%3E%3Cpath d='M1161 2288 c-26 -70 -24 -84 17 -117 42 -33 52 -37 52 -21 0 6 -6 10 -14 10 -32 0 -37 25 -16 85 11 32 20 60 20 62 0 1 -11 3 -25 3 -17 0 -28 -7 -34 -22z' /%3E%3Cpath d='M3368 2249 l-27 -20 6 -104 6 -105 -106 0 -107 0 0 25 c0 14 -4 25 -9 25 -5 0 -18 -11 -29 -25 -11 -14 -25 -25 -32 -25 -6 0 -23 -9 -37 -20 l-26 -20 43 0 43 0 -6 -77 c-12 -153 -83 -364 -160 -478 l-26 -38 -17 42 c-9 23 -22 40 -28 38 -22 -7 -29 -103 -11 -157 9 -28 20 -48 24 -45 18 11 115 161 151 232 64 131 120 338 120 449 l0 34 105 0 105 0 0 -53 c0 -140 -62 -371 -141 -529 -48 -96 -139 -230 -205 -303 -43 -48 -46 -49 -59 -31 -24 31 -24 15 -1 -53 l22 -63 70 75 c276 295 418 703 383 1101 -5 66 -13 125 -17 132 -5 9 -14 7 -34 -7z' /%3E%3Cpath d='M573 2202 c-16 -111 -8 -369 15 -474 61 -282 183 -513 376 -715 48 -51 91 -93 95 -93 4 0 12 18 17 39 10 35 8 42 -10 60 l-20 21 41 42 c39 40 63 83 63 111 0 6 -31 -19 -68 -56 l-69 -68 -47 52 c-181 201 -303 492 -331 792 -6 63 -5 67 14 67 19 0 21 -6 21 -70 0 -40 4 -70 10 -70 6 0 10 11 10 24 0 14 8 32 17 41 15 16 18 14 42 -31 21 -41 26 -45 29 -26 5 32 14 27 36 -20 11 -23 21 -37 24 -30 7 21 22 13 22 -11 0 -12 6 -31 14 -42 7 -11 23 -51 35 -90 45 -138 128 -289 219 -395 l30 -35 10 24 c7 21 1 35 -44 95 -30 38 -67 96 -85 129 l-31 58 47 -35 c26 -20 57 -36 70 -36 14 0 35 -14 55 -36 17 -20 32 -35 34 -33 9 13 96 304 96 323 0 12 -10 32 -22 43 -32 28 -366 263 -374 263 -4 0 -12 7 -18 15 -6 8 -26 19 -45 25 -30 8 -33 8 -28 -11 4 -15 1 -19 -11 -17 -9 2 -18 12 -20 23 -2 12 -12 26 -23 33 -16 10 -24 9 -48 -9 -16 -12 -32 -30 -34 -40 -6 -22 -45 -26 -53 -5 -3 8 -1 52 4 97 11 88 10 90 -40 119 -14 9 -18 2 -25 -48z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3444 2209 c3 -17 6 -53 6 -80 0 -48 1 -49 31 -49 l30 0 -25 -22 c-23 -20 -27 -33 -31 -103 -3 -44 -8 -95 -11 -113 -4 -26 0 -37 17 -51 l22 -18 -26 -7 c-18 -4 -27 -13 -27 -26 0 -11 0 -23 0 -27 0 -5 13 -11 29 -16 26 -6 28 -10 22 -35 -6 -23 -13 -27 -42 -27 -53 0 -51 -30 3 -43 24 -6 46 -8 49 -4 8 9 29 96 29 121 0 15 -7 21 -22 22 -21 1 -21 2 5 12 31 12 36 41 10 56 -16 9 -16 10 3 11 25 0 34 36 34 138 0 61 -1 62 -27 62 l-27 0 27 28 c16 16 27 39 27 55 0 24 -4 27 -35 27 -31 0 -35 3 -35 25 0 21 5 25 30 25 23 0 30 4 30 20 0 16 -7 20 -35 20 -24 0 -35 5 -35 15 0 8 -7 15 -16 15 -13 0 -15 -7 -10 -31z m75 -281 c-2 -34 -3 -37 -6 -13 -3 16 -12 35 -21 42 -15 11 -15 12 6 13 20 0 22 -5 21 -42z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M445 2150 c-6 -48 -4 -64 6 -71 10 -6 11 -9 2 -9 -9 0 -13 -19 -13 -60 0 -47 3 -60 15 -60 11 0 15 12 16 43 2 34 3 36 6 12 3 -16 11 -34 20 -38 13 -8 13 -10 -1 -20 -8 -7 -17 -30 -19 -52 l-4 -40 -1 43 c-1 30 -6 42 -14 40 -26 -9 -20 -114 7 -124 8 -3 28 0 45 7 27 13 30 18 30 60 0 25 -3 48 -6 52 -9 9 -5 134 6 201 6 32 9 61 6 63 -3 3 -25 8 -49 10 l-45 5 -7 -62z m65 -10 c0 -23 -4 -30 -20 -30 -16 0 -20 7 -20 30 0 23 4 30 20 30 16 0 20 -7 20 -30z' /%3E%3Cpath d='M2834 1852 c-12 -9 -27 -39 -34 -67 -7 -27 -24 -74 -36 -103 -21 -47 -22 -57 -11 -84 l13 -31 31 70 c17 38 38 94 46 124 32 117 32 125 -9 91z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M520 1795 c0 -21 -5 -25 -30 -25 -24 0 -30 -4 -30 -21 0 -18 5 -21 35 -17 31 4 35 1 35 -19 0 -18 -6 -23 -24 -23 -28 0 -39 -11 -30 -33 3 -9 13 -13 25 -10 23 6 23 1 5 -35 -8 -16 -10 -35 -6 -47 7 -18 8 -19 15 -3 5 12 14 16 29 12 39 -10 49 16 32 83 -8 32 -18 82 -22 111 -4 34 -11 52 -20 52 -8 0 -14 -10 -14 -25z m27 -167 c-3 -8 -6 -5 -6 6 -1 11 2 17 5 13 3 -3 4 -12 1 -19z' /%3E%3Cpath d='M756 1635 c8 -37 14 -45 14 -19 0 10 -5 26 -10 34 -8 11 -9 7 -4 -15z' /%3E%3Cpath d='M2443 1563 c-27 -21 -30 -28 -23 -48 8 -21 4 -28 -31 -56 -22 -17 -59 -37 -82 -44 -23 -7 -42 -17 -42 -23 0 -9 366 -282 372 -278 4 3 -149 460 -156 468 -3 3 -20 -5 -38 -19z m35 -85 c19 -19 14 -30 -10 -26 -13 2 -24 11 -26 21 -4 20 18 23 36 5z' /%3E%3Cpath d='M1521 1549 c-15 -44 -14 -46 14 -19 l25 23 23 -20 c32 -29 136 -97 142 -92 4 4 -179 139 -189 139 -2 0 -9 -14 -15 -31z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M560 1555 c-32 -11 -35 -16 -34 -48 1 -20 10 -49 20 -64 10 -15 17 -32 16 -36 -4 -12 39 -107 49 -107 17 0 19 21 4 49 -19 38 -19 51 0 51 8 0 28 -27 44 -59 l30 -59 -29 -12 c-33 -14 -36 -20 -19 -37 9 -9 19 -8 40 3 26 13 29 13 39 -6 9 -17 7 -22 -15 -32 -28 -12 -33 -36 -10 -44 8 -4 15 -12 15 -19 0 -19 59 -95 73 -95 8 0 24 11 36 24 27 29 23 51 -17 94 -15 17 -43 60 -62 97 -19 37 -41 69 -47 72 -7 3 -10 9 -7 14 3 5 -6 30 -20 55 -14 26 -26 52 -26 60 0 20 -16 25 -44 14 -21 -8 -27 -6 -36 10 -15 27 -13 30 20 41 28 10 40 32 23 42 -5 2 -24 -1 -43 -8z m234 -437 c12 -17 13 -24 3 -30 -18 -11 -21 -10 -35 12 -24 38 6 55 32 18z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M3418 1558 c-52 -14 -57 -39 -19 -85 17 -21 27 -39 21 -41 -6 -2 -17 -20 -25 -39 -9 -20 -18 -34 -21 -30 -3 3 -1 15 5 26 9 15 8 26 -1 41 -20 31 -34 24 -53 -27 -17 -44 -17 -47 0 -59 10 -7 22 -15 28 -17 5 -1 0 -22 -12 -45 -14 -28 -26 -40 -36 -36 -19 7 -19 6 2 49 12 26 14 38 6 46 -8 8 -17 0 -32 -29 -12 -23 -21 -47 -21 -53 0 -6 -8 -18 -17 -25 -17 -13 -17 -15 5 -34 l24 -20 -39 -6 c-47 -7 -71 -37 -51 -62 11 -13 11 -14 0 -8 -15 9 -42 -13 -74 -57 l-20 -28 22 -24 22 -23 -31 -33 c-23 -27 -32 -31 -42 -22 -9 9 -6 20 15 47 17 23 22 37 15 42 -14 8 -79 -54 -79 -76 0 -18 40 -60 56 -60 17 0 87 78 80 89 -4 6 -1 11 8 11 15 0 76 67 76 84 0 5 -8 18 -17 30 -18 19 -18 19 6 3 19 -12 28 -14 38 -5 11 9 10 15 -8 35 l-22 23 31 0 c31 0 78 43 66 61 -3 5 0 9 6 9 12 0 94 163 112 223 10 34 9 40 -12 62 -13 14 -20 25 -15 25 4 0 13 -8 20 -17 11 -15 13 -15 19 5 4 12 11 22 16 22 4 0 10 9 13 20 6 23 -5 24 -65 8z m-233 -498 c7 -12 -12 -50 -26 -50 -16 0 -22 29 -9 45 14 17 26 19 35 5z' /%3E%3Cpath d='M2379 1513 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z' /%3E%3Cpath d='M1456 1345 c-11 -29 -7 -35 55 -75 49 -31 65 -37 80 -29 11 5 19 13 19 17 0 4 -24 22 -52 40 -29 18 -63 39 -74 48 -19 13 -22 13 -28 -1z' /%3E%3Cpath d='M1937 1187 c-37 -29 -64 -53 -60 -54 5 -1 29 -4 56 -8 l47 -6 0 -106 0 -106 -79 7 c-44 3 -120 17 -170 29 -84 21 -91 22 -112 6 -22 -16 -22 -16 27 -32 77 -26 172 -45 257 -52 l77 -7 0 -106 0 -105 -102 6 c-142 9 -278 44 -454 117 -27 12 -34 11 -57 -6 -15 -10 -27 -23 -27 -27 0 -12 121 -64 228 -97 271 -83 560 -85 835 -5 83 24 229 84 270 111 17 11 16 13 -13 34 l-31 22 -77 -35 c-149 -68 -348 -117 -474 -117 l-58 0 0 104 0 104 78 7 c42 4 120 19 172 32 100 26 138 29 154 13 12 -12 46 -13 46 -2 0 7 -193 152 -203 152 -1 0 -3 -8 -4 -17 -1 -10 -4 -28 -8 -39 -5 -18 -1 -24 27 -34 32 -11 32 -12 11 -20 -33 -13 -192 -40 -235 -40 l-38 0 0 105 0 104 33 5 c17 3 50 7 72 8 l40 3 -67 48 c-37 26 -73 49 -80 51 -7 3 -43 -19 -81 -47z' /%3E%3Cpath d='M2175 1110 c-5 -9 13 -19 65 -35 9 -3 7 2 -5 11 -35 27 -53 35 -60 24z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M818 1051 c-25 -22 -30 -33 -22 -41 9 -9 17 -9 33 -1 20 11 21 9 21 -27 0 -25 7 -45 18 -55 17 -16 20 -15 52 18 23 24 31 38 24 45 -12 12 -44 3 -44 -11 0 -5 -4 -9 -8 -9 -5 0 -7 14 -4 31 4 30 -14 79 -30 79 -4 0 -22 -13 -40 -29z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1392 628 c-16 -38 -17 -44 -4 -52 11 -6 19 -3 29 10 11 15 15 16 22 5 5 -8 23 -14 40 -15 25 -1 30 -4 25 -20 -4 -10 0 -22 7 -27 21 -13 26 -11 33 14 6 21 6 21 25 -9 10 -17 28 -34 40 -37 22 -5 29 7 10 18 -7 5 -4 14 7 27 26 28 8 50 -57 69 -30 8 -76 25 -102 37 -27 12 -50 22 -52 22 -3 0 -13 -19 -23 -42z m85 -24 c-7 -7 -37 7 -37 17 0 6 9 5 21 -1 11 -7 19 -14 16 -16z m113 -34 c18 -12 2 -12 -25 0 -13 6 -15 9 -5 9 8 0 22 -4 30 -9z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M2551 661 c-12 -8 -13 -15 -3 -35 l11 -25 -33 16 c-46 22 -90 11 -80 -19 6 -21 6 -21 -11 -4 -10 10 -24 14 -34 11 -9 -4 -28 -9 -44 -12 -15 -3 -30 -10 -33 -14 -3 -5 -9 -7 -13 -5 -4 3 -45 -2 -92 -10 -85 -16 -319 -21 -391 -9 -30 5 -38 4 -38 -8 0 -8 10 -17 21 -20 18 -5 21 -11 16 -35 -5 -24 -2 -31 13 -35 16 -4 21 2 26 29 4 24 12 34 25 34 15 0 19 -7 19 -35 l0 -35 117 3 c100 2 118 4 121 18 3 14 -4 16 -42 12 -42 -5 -46 -4 -46 16 0 16 6 21 28 21 15 0 44 3 64 6 34 6 37 5 44 -22 9 -40 13 -44 30 -37 10 4 14 16 12 37 -2 25 1 31 17 31 12 0 21 -9 25 -25 6 -25 40 -42 40 -20 0 6 8 9 18 6 9 -3 37 0 62 8 33 10 46 20 51 37 5 16 7 18 8 7 1 -11 9 -18 22 -18 19 0 21 4 15 30 l-6 30 30 -15 c36 -18 51 -19 74 -2 17 13 17 15 -3 55 -12 23 -22 42 -24 42 -1 0 -8 -4 -16 -9z m-134 -108 c6 -18 -47 -29 -58 -12 -5 8 -3 17 4 21 17 11 50 5 54 -9z m-387 -53 c0 -17 -6 -20 -42 -18 -37 1 -39 2 -10 5 19 3 32 10 32 19 0 8 5 14 10 14 6 0 10 -9 10 -20z' /%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='fill:red;' d='M1663 568 c-21 -27 -24 -67 -5 -77 33 -18 92 -24 107 -11 21 18 20 77 -2 84 -53 15 -90 17 -100 4z m87 -44 c0 -18 -13 -24 -38 -17 -12 3 -22 13 -22 22 0 14 7 17 30 13 17 -2 30 -10 30 -18z' /%3E%3C/g%3E%3C/svg%3E");

}

body {
    background-image: linear-gradient(to bottom, #627bff5c, #fff 120px);
}

#header h1 a::before,
#header h2::before {
    color: rgb(var(--accent));
}

div#extra-div-1 {
    background-size: 170px;
}

.blockquote,
div.blockquote,
blockquote {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-left: solid 7px rgb(var(--accent)) !important;
    background: transparent;
    padding-left: 2rem;
}

[[/module]]
>[[/iftags]]
>[[/ift{$goc}gs]]

>[[ift{$spooky}gs -theme]]
>[[iftags]]
[[module CSS]]

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

:root {
    --header-title: "SCP FOUNDATION";
    --header-subtitle: "SPOOK, CREEP, PESTER";
    --logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);
    --darkmode-logo-img: url(https://upload.wikimedia.org/wikipedia/commons/f/fc/Twemoji2_1f383.svg);

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

    --head-font: 'Creepster';

    --dark-bg-1: #130417 !important;
    --dark-bg-2: #1D111B !important;
}

body {
    background-image: linear-gradient(to bottom, #c4eea8, #f7fff6 200px);
}

[[/module]]
>[[/iftags]]
>[[/ift{$spooky}gs]]

>[[ift{$dark}gs -theme]]
>[[iftags]]
[[module CSS]]

/* VARIABLES */

:root {

    /* VARIABLES > Core */

    --logo-img: var(--darkmode-logo-img);
    --logo-opacity: 30%;

    /* VARIABLES > Misc */

    --darkmode-gradient-top: var(--dark-bg-1);
    --darkmode-gradient-bottom: var(--dark-bg-2);

    --dark-bg-1: #21252E;
    --dark-bg-2: #2F333C;

    --dark-txt-color: #EDEDED;

    --header-txt-color: rgb(var(--accent));
    --subheader-txt-color: var(--dark-txt-color);
    --misc-txt-color: var(--dark-txt-color);
    --link-txt-color: rgb(var(--accent));
    --link-hover-txt-color: #FFF;

    /* VARIABLES > Color Accents */

    --acc-default: 153, 187, 255;

    --acc-wyoming: 252, 69, 69;
    --acc-canada: 252, 69, 69;
    --acc-poland: 186, 127, 108;
    --acc-slothspit: 69, 99, 245;
    --acc-vanguard: 85, 204, 51;
    --acc-threshold: 221, 207, 238;
    --acc-overwatch: 255, 215, 0;
    --acc-spc: 88, 188, 209;
    --acc-fishing: 141, 203, 211;
    --acc-nightfall: 222, 40, 20;
    --acc-hybrasil: 69, 109, 245;
    --acc-goc: 112, 148, 255;
    --acc-spooky: 252, 112, 40;

    /* VARIABLES > BetterFootnotes */

    --fnColor: rgb(var(--accent));

    /* VARIABLES > ACS COLORS by Nagiros */

    --six-color: 188, 136, 255 !important;
    /*  purple*/
    --five-color: 255, 34, 67 !important;
    /*  red  */
    --four-color: 255, 141, 54 !important;
    /*  orange  */
    --three-color: 255, 226, 82 !important;
    /*  yellow  */
    --two-color: 117, 167, 242 !important;
    /*  blue  */
    --one-color: 40, 159, 107 !important;
    /*  green  */

    --white-bar: 207, 207, 207;
    --lg-bar: 118, 118, 130;
    --gray-bg: 66, 66, 72;

}

/* MAIN */

body {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-2);
    background-image: linear-gradient(to bottom,
    		var(--darkmode-gradient-top), var(--darkmode-gradient-bottom) 200px);
    background-repeat: no-repeat;
    --barColour: var(--dark-bg-1);
    --linkColour: var(--dark-txt-color);
}

#page-content a {
    padding-bottom: .067rem;
    border-bottom: thin solid rgb(var(--accent));
}

#page-content a:not(#page-content .authorlink-wrapper a):hover,
.page-rate-widget-box a,
#page-content .pseudocrumbs a,
#page-content .yui-nav li a,
#page-content #toc a,
#page-content .danger-diamond a,
#page-content a.collapsible-block-link,
#page-content span.tooltip a,
#page-content a.footnoteref {
    border-bottom: none !important;
}

/* MAIN > Header */

#header h1 a::after {
    color: var(--misc-txt-color);
}

/* MAIN > Header > Search Box */

#search-top-box-form>input[type=submit] {
    border: solid 1px #EDEDED;
    background: var(--dark-bg-1);
     !important;
    color: var(--dark-txt-color);
}

#search-top-box-form input[type=submit]:hover {
    border: solid 1px rgb(var(--accent));
}

/* MAIN > Header > Top Bar */

#top-bar ul li ul li a:hover {
    color: var(--dark-txt-color) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* MAIN > Header > Login Info */

#login-status {
    color: var(--dark-txt-color);
}

#login-status a {
    color: rgb(var(--accent));
}

#login-status ul a {
    color: var(--dark-txt-color);
    background: var(--dark-bg-1);
}

#login-status ul a:hover {
    color: rgb(var(--accent));
}

#account-topbutton {
    border: solid 1px rgb(var(--accent));
}

/* MAIN > Header > Side Bar */

#side-bar {
    background: var(--dark-bg-2);
}

#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media {
    background: var(--dark-bg-1);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--dark-txt-color) !important;
}

#side-bar .collapsible-block-unfolded-link {
    border-bottom: none;
}

#top-bar .open-menu a {
    filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
}

/* CONTENT */

/* CONTENT > Blockquotes, Custom Divs */

.blockquote,
div.blockquote,
blockquote {
    background: var(--dark-bg-1);
    border-left: 5px solid rgb(var(--accent));
    box-shadow: 4px 4px var(--dark-bg-2);
}

.jotting,
.notation,
.modal,
.paper {
    background: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

.paper {
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.8);
}

div.note {
    background: var(--dark-bg-1);
}

/* CONTENT > Headings, Titles */

#page-title,
.meta-title {
    color: var(--dark-txt-color) !important;
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

h1 {
    color: rgb(var(--accent)) !important;
}

h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-txt-color) !important;
}

.footnotes-footer .title {
    color: var(--dark-txt-color);
}

/* CONTENT > Rate Module */

.page-rate-widget-box {
    font-family: var(--ui-font);
}

.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
    border: solid 1px rgb(var(--accent));
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
#page-content .rate-box-with-credit-button {
    background: var(--dark-bg-1);
}

.page-rate-widget-box .rate-points {
    background: var(--dark-bg-1) !important;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a,
#page-content .rate-box-with-credit-button .fa-info {
    color: var(--dark-txt-color);
}

div.page-rate-widget-box .rate-points {
    color: var(--dark-txt-color) !important;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background: rgb(var(--accent)) !important;
}

/* CONTENT > Rate Module > Info Pane */

#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}

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

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

.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}

#page-content .rate-box-with-credit-button .fa-info {
    color: var(--dark-txt-color);
}

#page-content .rate-box-with-credit-button .fa-info:hover {
    color: rgb(var(--accent));
}

#page-content .modalbox {
    background: var(--dark-bg-2) !important;
    color: var(--dark-txt-color);
    box-shadow: none;
}

#page-content .modalbox > hr:first-of-type {
    opacity: 0%;
}

#page-content .modalbox h2:first-of-type {
    font-family: var(--ui-font);
}

.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}

/* CONTENT > Rate Module > Author Label */

#page-content .authorbox {
    background-color: var(--dark-bg-1) !important;
    color: var(--dark-txt-color) !important;
}

#page-content .authorbox::before {
    border-color: transparent transparent var(--dark-bg-1) transparent;
}

/* CONTENT > Image Block */

.scp-image-block .scp-image-caption {
    background-color: var(--dark-bg-1) !important;
    color: var(--dark-txt-color);
}

.scp-image-block img,
.scp-image-block .scp-image-caption {
    border-color: rgba(0, 0, 0, 0.4);
}

/* CONTENT > Tables Base */

#page-content tr th {
    color: var(--dark-bg-1);
    background-color: rgb(var(--accent));
    border: solid 2px rgb(var(--accent));
}

#page-content tr td {
    border: solid 2px rgb(var(--accent));
    background-color: var(--dark-bg-1);
}

/* 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,
#page-content .table1 .scp-image-block img {
    background-color: rgb(40, 159, 107);
    border-color: rgb(40, 159, 107);
    --link-txt-color: rgb(0, 229, 129);
    --accent: 0, 229, 129 !important;
}

#page-content .table1 tr td {
    border-color: rgb(40, 159, 107);
}

#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption,
#page-content .table2 .scp-image-block img {
    background-color: rgb(117, 167, 242);
    border-color: rgb(117, 167, 242);
    --link-txt-color: rgb(76, 146, 252);
    --accent: 76, 146, 252 !important;
}

#page-content .table2 tr td {
    border-color: rgb(117, 167, 242);
}

#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption,
#page-content .table3 .scp-image-block img {
    background-color: rgb(255, 226, 82);
    border-color: rgb(255, 226, 82);
    --link-txt-color: rgb(255, 255, 46);
    --accent: 255, 255, 46 !important;
}

#page-content .table3 tr td {
    border-color: rgb(255, 226, 82);
}

#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption,
#page-content .table4 .scp-image-block img {
    background-color: rgb(255, 141, 54);
    border-color: rgb(255, 141, 54);
    --link-txt-color: rgb(255, 98, 0);
    --accent: 255, 98, 0 !important;
}

#page-content .table4 tr td {
    border-color: rgb(255, 141, 54);
}

#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption,
#page-content .table5 .scp-image-block img {
    background-color: rgb(255, 34, 68);
    border-color: rgb(255, 34, 68);
    --link-txt-color: rgb(255, 71, 71);
    --accent: 255, 71, 71 !important;
}

#page-content .table5 tr td {
    border-color: rgb(255, 34, 68);
}

#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption,
#page-content .table6 .scp-image-block img {
    background-color: rgb(188, 136, 255);
    border-color: rgb(188, 136, 255);
    --link-txt-color: rgb(197, 159, 245);
    --accent: 197, 159, 245 !important;
}

#page-content .table6 tr td {
    border-color: rgb(188, 136, 255);
}

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

.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
    border-color: rgb(var(--one-color));
    --link-txt-color: rgb(var(--one-color));
    --accent: var(--one-color) !important;
}

.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
    border-color: rgb(var(--two-color));
    --link-txt-color: rgb(var(--two-color));
    --accent: var(--two-color) !important;
}

.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
    border-color: rgb(var(--three-color));
    --link-txt-color: rgb(var(--three-color));
    --accent: var(--three-color) !important;
}

.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
    border-color: rgb(var(--four-color));
    --link-txt-color: rgb(var(--four-color));
    --accent: var(--four-color) !important;
}

.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
    border-color: rgb(var(--five-color));
    --link-txt-color: rgb(var(--five-color));
    --accent: var(--five-color) !important;
}

.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
    border-color: rgb(var(--six-color));
    --link-txt-color: rgb(var(--six-color));
    --accent: var(--six-color) !important;
}

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table1,
div.blockquote.table1,
.blockquote.table2,
div.blockquote.table2,
.blockquote.table3,
div.blockquote.table3,
.blockquote.table4,
div.blockquote.table4,
.blockquote.table5,
div.blockquote.table5,
.blockquote.table6,
div.blockquote.table6 {
    background: var(--dark-bg-1);
}

.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
    background: var(--dark-bg-1);
}

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.blockquote.table1,
div.blockquote.table1 {
    border-left-color: rgb(var(--one-color));
    --link-txt-color: rgb(var(--one-color));
    --accent: var(--one-color) !important;
}

.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.blockquote.table2,
div.blockquote.table2 {
    border-left-color: rgb(var(--two-color));
    --link-txt-color: rgb(var(--two-color));
    --accent: var(--two-color) !important;
}

.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.blockquote.table3,
div.blockquote.table3 {
    border-left-color: rgb(var(--three-color));
    --link-txt-color: rgb(var(--three-color));
    --accent: var(--three-color) !important;
}

.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.blockquote.table4,
div.blockquote.table4 {
    border-left-color: rgb(var(--four-color));
    --link-txt-color: rgb(var(--four-color));
    --accent: var(--four-color) !important;
}

.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.blockquote.table5,
div.blockquote.table5 {
    border-left-color: rgb(var(--five-color));
    --link-txt-color: rgb(var(--five-color));
    --accent: var(--five-color) !important;
}

.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table6,
div.blockquote.table6 {
    border-left-color: rgb(var(--six-color));
    --link-txt-color: rgb(var(--six-color));
    --accent: var(--six-color) !important;
}

/* CONTENT > Tabs Customization */

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--accent));
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-1);
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    color: var(--dark-txt-color);
    background-color: rgb(var(--accent));
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    color: var(--dark-txt-color);
    background-color: var(--dark-bg-1);
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--accent));
}

.yui-navset .yui-nav .selected a {
    color: var(--dark-bg-1);
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    color: var(--dark-bg-1);
    background-color: rgb(var(--accent));
}

.yui-navset .yui-content {
    background-color: var(--dark-bg-1);
}

/* CONTENT > Collapsibles */

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
    color: var(--dark-txt-color);
    background: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 0px 2px rgb(var(--accent));
}

#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.25);
}

/* CONTENT > ACS Adjustments */

/*  ACS COLORS by Nagiros  */

.anom-bar>.bottom-box {
    /*  horizontal bar  */
    box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
    box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}

.bottom-box>.diamond-part {
    /*  vertical bar  */
    box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
    box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
    -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}

.anom-bar-container.esoteric .text-part .main-class,
.anom-bar-container.explained .text-part .main-class,
.anom-bar-container.neutralized .text-part .main-class,
.anom-bar-container.pending .text-part .main-class {
    background-color: rgba(66, 66, 72, .5) !important;
    background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
    border-left-color: rgb(118, 118, 130) !important;
    border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
}

.danger-diamond>.arrows {
    /*  inverted arrows  */
    filter: invert(90%) !important;
    -webkit-filter: invert(90%) !important;
}

.danger-diamond>.quadrants>.bottom-quad,
.anom-bar-container.explained .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.neutralized .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.pending .danger-diamond>.quadrants>.top-quad {
    /*  "transparent" bottoms/top icon backgrounds  */
    background-color: rgb(26, 26, 26) !important;
    /*  body background color  */
}

.danger-diamond>.bottom-icon,
.anom-bar-container.pending .danger-diamond>.top-icon::before {
    /*  esoteric, pending icon backgrounds  */
    background-color: rgb(3, 3, 3) !important;
}

.anom-bar>.bottom-box::before {
    background-color: var(--white-bar);
}

/* CONTENT > Woed Bar Adjustments */

div.scale div.item1>div,
div.scale div.class1>div,
div.scale div.obj {
    color: var(--dark-txt-color);
}

div.scale div.obj {
    background-color: var(--dark-bg-1);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35);
}

/* MISC */

#footer,
#footer a {
    color: var(--dark-txt-color);
}

#license-area {
    color: var(--dark-txt-color);
    background: var(--dark-bg-1);
    border-top: solid 2px rgba(0, 0, 0, 0.3);
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border-left: solid 1px var(--dark-bg-1);
    border-right: solid 1px var(--dark-bg-1);
}

#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top-color: var(--dark-bg-1);
}

#header #top-bar a {
    color: var(--dark-bg-1);
}

#page-content hr:not(.fancyhr hr) {
    background-color: rgb(var(--accent));
}

#page-content .divider>hr,
div.paper hr {
    border-top-color: rgb(var(--accent));
}

.page-options-bottom a {
    color: var(--dark-bg-1);
    background: rgb(var(--accent));
}

.page-options-bottom a:hover {
    background: rgba(var(--accent), 0.3);
    color: var(--dark-txt-color);
}

.code {
    background-color: #F8F8F8;
    border: solid 3px var(--dark-bg-2);
    box-shadow: none;
}

.fncon {
    background-color: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

/* Pop-Up Windows */
.owindow {
    background-color: var(--dark-bg-1);
    border-color: rgb(var(--accent));
}

.owindow .modal-header {
    background-color: var(--dark-bg-1);
}

.owindow .modal-body img {
    background-color: transparent !important;
}

.owindow .title {
    background-color: rgba(0, 0, 0, 0.4);
    color: rgb(var(--dark-txt-color));
    border-bottom-color: rgba(0, 0, 0, 0.6);
}

.owindow .button-bar a {
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--dark-txt-color);
}

.owindow .button-bar a:hover {
    background-color: rgb(var(--accent));
    color: var(--dark-bg-1);
}

.buttons .btn {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgb(var(--accent));
    color: #dfdfdf;
}

.buttons .btn:hover {
    background-color: rgb(var(--accent));
    color: var(--dark-txt-color);
}

#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
    background: var(--dark-bg-1);
    color: var(--dark-txt-color);
    border-color: #979797;
}

#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: var(--dark-bg-1);
    border-color: rgb(var(--accent));
    color: rgb(var(--accent));
}

#edit-save-button,
#edit-save-continue-button {
    --accent: 33, 255, 58;
}

#edit-cancel-button {
    --accent: 255, 31, 41;
}

#lock-info {
    background-color: var(--dark-bg-1);
}

a.action-area-close:hover {
    background-color: var(--dark-bg-1);
    color: rgb(var(--accent));
}

.wd-editor-toolbar-panel {
    filter: invert(90%) hue-rotate(180deg);
}

.pager .current {
    background-color: rgb(var(--accent));
    border-color: var(--dark-txt-color);
}

table.page-history tbody tr {
    color: var(--dark-txt-color);
}

textarea,
input.text {
    background-color: var(--dark-bg-1);
    color: var(--dark-txt-color);
}

.hovertip {
    background: var(--dark-bg-1) !important;
}

#main-content .page-tags {
    border-color: rgb(var(--accent));
}

#main-content .page-tags a {
    color: var(--dark-bg-1);
}

#main-content .page-tags a::after {
    background-color: var(--dark-bg-1);
}

#action-area>p {
    color: #c9eede;
}

.yui-ac-content {
    border: 1px solid var(--dark-txt-color);
    background: var(--dark-bg-1);
}

.autocomplete-list li:hover {
    background: unset;
    color: rgb(var(--accent));
}

.preview-message,
.error-block {
    background-color: rgba(64, 14, 23, 0.7) !important;
    color: var(--dark-txt-color);
}

input.checkbox,
.page-history input {
    filter: invert(1) grayscale(1);
}

#h-perpage {
    filter: invert(1);
}

table.page-history td.optionstd a,
.pager .current,
.pager a {
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.inline-diff del {
    background-color: rgba(255, 0, 0, 0.6);
}

.inline-diff ins {
    background-color: rgba(0, 255, 52, 0.3);
}

.fader iframe,
.fader a {
    border: none;
}

[[/module]]
>[[/iftags]]
>[[/ift{$dark}gs]]

Foxtrot Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source