Tofu Theme

If you're not careful and you leave the tofu cooking for too long, you'll end up burning it, where it's nothing but the stink of burnt soy, the madness of charred curd, and endless background taste of what could have been a great recipe. God save you if you feel something wriggling in your throat as you swallow the burnt tofu whole, because it sure as hell has felt you…

Anyway, if you're exploring the dangerous hobby of cooking tofu, you're going to need some sort of guide. That's where we come in! The Tofu Database has been the most trusted source for for tofu recipes on the internet for nearly 2 centuries! We've actually been here before the internet existed, data in the void, waiting for our time to come. Always watching. Always here. And that sure payed off cause look at us now!

This theme was created by Stretchsterz.
Based on the April 1st 2022 Event.

To import this theme to your page, put the following text anywhere inside it:

[[include :backrooms-wiki:theme:tofu]]

Examples:

I am literally reading the Tofu Database right now. —You

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

---

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This empty tab has a really long name for some odd reason. Don't use these btw.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

This is a blockquote, created by putting "> " at the start of each line.
More text

---

That's a horizontal rule

Nested blockquotes

This is a	table
You should know	how to make these
already

Foot¹
this text
is here
so you can
see how
everything looks
with different
formats^and
other_stuff
including links that do not
And links that do exist!

Our Astonishing Tofu Recipes!:

---

Tofu Recipes:

[[div class="tofu"]]

[[/div]]

★★★

Classic, but very boring. —Some Dull Dude.

---

[[div class="veggietofu"]]

[[/div]]

★★★★★

Eat your greens, kids! —Zaskou

---

[[div class="plaintofu"]]

[[/div]]

★

What's the difference between this and normal Tofu? —Confused Reviewer

---

Styled Tofu Recipes:

[[div class="styled-tofu"]]

[[/div]]

★★★★★

Just as stylish as myself! —Evangeline Holmes

---

[[div class="veggie-styled-tofu"]]

[[/div]]

★★★★★

Zoo wee mama! I sure love the Tofu Database! Zoo wee mama! —Gordon Ramsay

---

[[div class="tranquility-styled-tofu"]]

[[/div]]

★★★★★

I don't feel peaceful when eating this. I feel aggravated, because I want more. —Overseer-C

---

[[div class="onion-styled-tofu"]]

[[/div]]

★

Jerry does not like onion. —Jerry

---

[[div class="salmon-styled-tofu"]]

[[/div]]

★★★★★

I'm usually not a seafood person, but this is nice! —Megan Olivers

---

[[div class="bellpepper-styled-tofu"]]

[[/div]]

★★★★★

Haha! Yes! Orange, my favorite color!… What do you mean it's yellow!? —Sullivan Vanderlyn

---

[[div class="table-styled-tofu"]]

[[/div]]

★★★★★

I punched a table once!… It hurt me more than it hurt the table. —Pierre Duboit

---

[[div class="yin-styled-tofu"]]

[[/div]]

★★★★★

Balance…? —???

---

[[div class="yang-styled-tofu"]]

[[/div]]

★★★★★

Balance… —???

---

Symbolized Tofu Recipes:

[[div class="llined-tofusymbolism"]]

[[/div]]

★★★★★★★★★★

I can put multiple stars lmao get bamboozled. —Malware

---

[[div class="veggie-lined-tofusymbolism"]]

[[/div]]

★★★★★

Level Tofu is the 69420th Level of The Tofurooms. —u/TofuRedditNameHere

---

[[div class="tranquility-lined-tofusymbolism"]]

[[/div]]

★★★★★

TOFU WITH PEANUT BUTTER! —TofuDaddy420

---

[[div class="onion-lined-tofusymbolism"]]

[[/div]]

★★★★★

I LOVE TOFU! —Anonymous Wanderer

---

[[div class="salmon-lined-tofusymbolism"]]

[[/div]]

★★★★★

Something is really… fishy. —Tom Von Haderach

---

[[div class="bellpepper-lined-tofusymbolism"]]

[[/div]]

★★★★★

Tofu's Never Die! —TofuWillNeverDie

---

[[div class="table-lined-tofusymbolism"]]

[[/div]]

★★★★★

Why does this taste like wood? —Overseer-B

---

[[div class="yin-lined-tofusymbolism"]]

[[/div]]

★★★★★

Balance. —???

---

[[div class="yang-lined-tofusymbolism"]]

[[/div]]

★★★★★

Balance. —???

---

Lined Tofu Recipes:

[[div class="linedtofu"]]

[[/div]]

★

TOFU? More like TOBAD. Because that's what it is. IT'S BAD. —Tofu_Hater69

---

[[div class="veggie-linedtofu"]]

[[/div]]

★★★★★

Reminds me of your mom… no really, it reminds me of your mom's cooking. —Priyan

---

[[div class="tranquility-linedtofu"]]

[[/div]]

★★★★★

This has given me so much meaning. —V. Valentin

---

[[div class="onion-linedtofu"]]

[[/div]]

★★★★★

I broke the Onion. —Overseer-A

---

[[div class="salmon-linedtofu"]]

[[/div]]

★★★★★

You should bring some of this to the party! =) —TheSussygoers69

---

[[div class="bellpepper-linedtofu"]]

[[/div]]

★★★★★

I knew Bellpepper was a color! —Quinoa

---

[[div class="table-linedtofu"]]

[[/div]]

★★★★★

Why is 'Table' a flavor? —Blanche Von Haderach

---

[[div class="yin-linedtofu"]]

[[/div]]

★★★★★

Baaaaaaaaalaaaaaaaaance. —???

---

[[div class="yang-linedtofu"]]

[[/div]]

★★★★★

Balnce. —???

---

Title Tofu Recipes (Bowls Included!):

INSERT TOFU

[[div class="titletofu"]]
[[span class="titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

I'm running out of lines. —Overseer-A (Again)

---

INSERT TOFU

[[div class="veggie-titletofu"]]
[[span class="veggie-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

Tilk. —Xx_Tofu_Eater_xX

---

INSERT TOFU

[[div class="tranquility-titletofu"]]
[[span class="tranquility-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

Scary Tofu. —TofuWillNeverDie

---

INSERT TOFU

[[div class="onion-titletofu"]]
[[span class="onion-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

Onions have layers. —TofuIsLove_TofuIsLife

---

INSERT TOFU

[[div class="salmon-titletofu"]]
[[span class="salmon-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★

What the hell is a fish? —Ghostchibi

---

INSERT TOFU

[[div class="bellpepper-titletofu"]]
[[span class="bellpepper-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

HALF OF THESE ARE THE SAME EXACT THING! —Joey Q.

---

INSERT TOFU

[[div class="table-titletofu"]]
[[span class="table-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

I ate the table, and the bowl. —Some Random Smiler.

---

INSERT TOFU

[[div class="yin-titletofu"]]
[[span class="yin-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

Balance. —???

---

INSERT TOFU

[[div class="yang-titletofu"]]
[[span class="yang-titlebowl"]]INSERT TOFU[[/span]]

[[/div]]

★★★★★

I SAID BALANCE!!! —???

---

Special thanks to CutTheBirch for the help!

Image credits:
Morning glory, 'salt & peppar' tofu, vattenkrasse, pak choy, krispig gyllene silken tofu. Favorit! #vadveganeräter på Farang. - by Rockspindeln.
Licensed under CC BY 2.0

Yin Yang - Symbol - By DonkeyHotey.
Licensed under CC BY 2.0

---

+ Theme Code

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
@import url('https://fonts.googleapis.com/css?family=Exo:400,800');
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "tofu";
   --theme-name: "Tofu Theme";
 
   --logo-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png");
   --header-title: "Tofu Database";
   --header-subtitle: "The Internet's Number 1 Database of Tofu Recopies!";
 
    --body-font: 'Comic Sans MS', 'Comic Sans';
    --header-font: 'Comic Sans MS', 'Comic Sans';
    --title-font: 'Comic Sans MS', 'Comic Sans';
    --mono-font: 'Comic Sans MS', 'Comic Sans';
 
   --white-monochrome: 195, 219, 228;
   --text-white-monochrome: 255, 255, 255;
   --pale-gray-monochrome: 104, 165, 212;
   --light-gray-monochrome: 104, 165, 212;
   --gray-monochrome: 36, 107, 162;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 104, 165, 212;
   --medium-accent: 87, 100, 186;
   --dark-accent: 87, 100, 186;
   --pale-accent:  81, 132, 118;
   --alt-accent: 87, 100, 186;
   --legacy-accent:  112, 196, 174;
   --darker-legacy-accent: 81, 132, 118;
   --tranquility-purple: 165, 134, 229;
   --onion-beige: 228, 232, 202;
   --onion-border-beige: 193, 201, 140;
   --table-wood: 129, 111, 61;
   --table-border-wood: 97, 79, 31;
   --salmon-red: 196, 101, 37;
   --salmon-border-red: 229, 156, 108;
   --bellpepper-color: 221, 230, 95;
   --bellpepper-border-color: 161, 219, 110;
 
   --swatch-topmenu-border-color: var(--medium-accent);
  --swatch-headerh1-color: 222, 222, 222;
  --swatch-headerh2-color: 104, 165, 212;
 
   --link-color: 87, 100, 186;
   --hover-link-color: 104, 165, 212;
   --visited-link-color: 4, 225, 166;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#page-title::after {
   content: "(this is a tofu recipe! i prommy!)";
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
#top-bar > ul > li a, #top-bar > ul > li a:hover {
   color: rgb(var(--bright-accent));
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a:hover::before {
   content: "Tofu Recipe: ";
}
 
.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(255, 255, 255);
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--bright-accent)) !important;
}
 
table.wiki-content-table th {
   color: rgb(var(--text-white-monochrome));
}
 
#login-status {
   color: rgb(var(--bright-accent));
}
 
#login-status a {
   color: rgb(var(--bright-accent));
}
 
#search-top-box input.empty {
   color: rgb(var(--bright-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent))
}
 
tofuquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-tofu {
   background-color:rgb(var(--bright-accent));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.veggie-styled-tofu {
   background-color:rgb(var(--darker-legacy-accent));
   border-left: 0.5rem solid rgba(var(--legacy-accent));
   color:rgb(var(--text-white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.veggie-styled-tofu a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.tranquility-styled-tofu {
   background-color:rgb(var(--tranquility-purple));
   border-left: 0.5rem solid rgba(var(--medium-accent));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.onion-styled-tofu {
   background-color:rgb(var(--onion-beige));
   border-left: 0.5rem solid rgba(var(--onion-border-beige));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.salmon-styled-tofu {
   background-color:rgb(var(--salmon-red));
   border-left: 0.5rem solid rgba(var(--salmon-border-red));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.bellpepper-styled-tofu {
   background-color:rgb(var(--bellpepper-color));
   border-left: 0.5rem solid rgba(var(--bellpepper-border-color));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.table-styled-tofu {
   background-color:rgb(var(--table-wood));
   border-left: 0.5rem solid rgba(var(--table-border-wood));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.yin-styled-tofu {
   background-color:rgb(255, 255, 255);
   border-left: 0.5rem solid rgba(12, 12, 12);
   color:rgb(12, 12, 12);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.yang-styled-tofu {
   background-color:rgb(12, 12, 12);
   border-left: 0.5rem solid rgba(255, 255, 255);
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.plaintofu {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.tofu {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--text-white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.veggietofu {
   background-color:rgb(var(--darker-legacy-accent));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--text-white-monochrome));
}
 
.veggietofu a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.linedtofu {
    background-color:rgb(var( --gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .tranquility-linedtofu {
    background-color:rgb(var(--tranquility-purple));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--medium-accent));
 }
 
 .onion-linedtofu {
    background-color:rgb(var(--onion-beige));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--onion-border-beige));
 }
 
 .salmon-linedtofu {
    background-color:rgb(var(--salmon-red));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--salmon-border-red));
 }
 
 .bellpepper-linedtofu {
    background-color:rgb(var(--bellpepper-color));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bellpepper-border-color));
 }
 
 .table-linedtofu {
    background-color:rgb(var(--table-wood));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--table-border-wood));
 }
 
 .yin-linedtofu {
    background-color:rgb(255, 255, 255);
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(12, 12, 12);
 }
 
 .yang-linedtofu {
    background-color:rgb(12, 12, 12);
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(255, 255, 255);
 }
 
.veggie-linedtofu {
    background-color:rgb(var( --darker-legacy-accent));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--legacy-accent));
 }
 
 .lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .veggie-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--darker-legacy-accent));
     border: solid 0.3rem rgb(var(--legacy-accent));
    }
 
    .veggie-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .tranquility-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--tranquility-purple));
     border: solid 0.3rem rgb(var(--medium-accent));
    }
 
    .tranquility-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .onion-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--onion-beige));
     border: solid 0.3rem rgb(var(--onion-border-beige));
    }
 
    .onion-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .salmon-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--salmon-red));
     border: solid 0.3rem rgb(var(--salmon-border-red));
    }
 
    .salmon-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .bellpepper-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--bellpepper-color));
     border: solid 0.3rem rgb(var(--bellpepper-border-color));
    }
 
    .bellpepper-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .table-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--table-wood));
     border: solid 0.3rem rgb(var(--table-border-wood));
    }
 
    .table-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .yin-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(255, 255, 255);
     border: solid 0.3rem rgb(12, 12, 12);
    }
 
    .yin-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .yang-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(12, 12, 12);
     border: solid 0.3rem rgb(255, 255, 255);
    }
 
    .yang-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://backrooms-wiki.wdfiles.com/local--files/theme%3Atofu/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titletofu {
        background-color: rgb(var(--gray-monochrome));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebowl{
       color: rgb(var(--gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.veggie-titletofu {
        background-color: rgb(var(--darker-legacy-accent));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--legacy-accent)) 2px;
     }
 
     .veggie-titlebowl{
       color: rgb(var(--darker-legacy-accent));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--legacy-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.tranquility-titletofu {
        background-color: rgb(var(--tranquility-purple));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--medium-accent)) 2px;
     }
 
     .tranquility-titlebowl{
       color: rgb(var(--tranquility-purple));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--medium-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.onion-titletofu {
        background-color: rgb(var(--onion-beige));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--onion-border-beige)) 2px;
     }
 
     .onion-titlebowl{
       color: rgb(var(--onion-beige));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--onion-border-beige));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.salmon-titletofu {
        background-color: rgb(var(--salmon-red));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--salmon-border-red)) 2px;
     }
 
     .salmon-titlebowl{
       color: rgb(var(--salmon-red));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--salmon-border-red));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.bellpepper-titletofu {
        background-color: rgb(var(--bellpepper-color));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bellpepper-border-color)) 2px;
     }
 
     .bellpepper-titlebowl{
       color: rgb(var(--bellpepper-color));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bellpepper-border-color));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.table-titletofu {
        background-color: rgb(var(--table-wood));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--table-border-wood)) 2px;
     }
 
     .table-titlebowl{
       color: rgb(var(--table-wood));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--table-border-wood));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.yin-titletofu {
        background-color: rgb(255, 255, 255);
        color:rgb(var(--black-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(12, 12, 12) 2px;
     }
 
     .yin-titlebowl{
       color: rgb(255, 255, 255);
       position: relative;
       top: -1.6rem;
       background-color: rgb(12, 12, 12);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.yang-titletofu {
        background-color: rgb(12, 12, 12);
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(255, 255, 255) 2px;
     }
 
     .yang-titlebowl{
       color: rgb(12, 12, 12);
       position: relative;
       top: -1.6rem;
       background-color: rgb(255, 255, 255);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.lined-tofu {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--gray-monochrome));
 }
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
 
:root {
   --fade-in-delay: 0.1s; /* Change the speed here. */
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }

Footnotes

1. note