Link to article: Rottingraisins' SCP Illustrations.
@import url('https://fonts.bunny.net/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.bunny.net/css2?family=Vollkorn+SC:wght@700&display=swap');
:root {
--body-font: Vollkorn, serif;
--UI-font: Vollkorn, serif;
--header-font: Vollkorn SC, serif;
--title-font: Vollkorn SC, serif;
--bright-accent: 236, 230, 216;
--dark-accent: 25, 16, 10;
--light-gray-monochrome: 236, 230, 216;
--dark-gray-monochrome: 25, 16, 10;
--gradient-header: linear-gradient(90deg, rgba(236, 230, 216, 1) 0%, rgba(236, 230, 216, 1) 50%, rgba(236, 230, 216, 1) 100%);
--hover-link-color: var(--bright-accent);
}
#top-bar {
--topmenu-category-color: var(--dark-accent);
--topmenu-category-hover-color: var(--dark-accent);
--topmenu-category-hover-bg: 0, 0, 0, 0;
--topmenu-hover-border-color: var(--dark-accent);
}
#main-content {
--ui-icon-color: var(--bright-accent);
--ui-icon-hover-color: var(--bright-accent);
}
#footer {
--footer-text-color: var(--bright-accent);
--footer-link-color: var(--bright-accent);
--footer-link-hover-color: var(--dark-accent);
--footer-link-hover-bg-color: var(--bright-accent);
}
.grid {
display: grid;
align-items: stretch;
column-gap: 0.75rem;
row-gap: 0.75rem;
grid-auto-flow: dense;
width: auto;
max-width: 100vw;
}
.two {
grid-template-columns: repeat(2, minmax(10px, 1fr))
}
.three {
grid-template-columns: repeat(3, minmax(10px, 1fr))
}
.box {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.inktober{
mix-blend-mode: multiply;
}
.heading {
font-family: "Vollkorn SC", serif;
font-size: 200%;
text-align: center;
}
width: 70%; margin:auto; grid-template-columns: calc(41% - 0.5rem) calc(59% - 0.5rem);
width: 70%;padding-top:1rem;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto
text-align: center; width: 70%; margin:auto
width:70%; margin:auto;
text-align: center; width: 70%; margin:auto
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
width: 70%; margin:auto; grid-template-columns: calc(48% - 0.5rem) calc(52% - 0.5rem);padding-bottom:1rem;
width: 70%; margin:auto; padding-bottom:1rem;
text-align: center; width: 70%; margin:auto
padding-top:1rem;
padding-top:1rem;
padding-top:1rem;
width: 70%; margin:auto; grid-template-columns: calc(43.5% - 0.5rem) calc(56.5% - 0.5rem); padding-top: 1rem;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
width: 70%; margin:auto; grid-template-columns: calc(53.5% - 0.5rem) calc(46.5% - 0.5rem); padding-top:1rem;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
padding-bottom:1rem;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
grid-template-columns: calc(61% - 0.5rem) calc(39% - 0.5rem); padding-bottom: 1rem;
grid-template-columns: calc(51.5% - 0.5rem) calc(48.5% - 0.5rem); padding-bottom: 1rem;
grid-template-columns: calc(44% - 0.5rem) calc(56% - 0.5rem); padding-bottom: 1rem;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto
text-align: center; width: 70%; margin:auto;
width: 70%; margin:auto; grid-template-columns: calc(48.5% - 0.5rem) calc(51.5% - 0.5rem);padding-bottom:1rem;
text-align: center; width: 70%; margin:auto
width: 70%; margin:auto; grid-template-columns: calc(56% - 0.5rem) calc(44% - 0.5rem);
padding-top:1rem
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
text-align: center; width: 70%; margin:auto;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:minimalist-bhl
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
heading
grid
box
box
heading
heading
grid
two
box
box
inktober
grid
two
box
box
inktober
heading
heading
heading
grid
two
box
box
heading
grid
two
box
box
inktober
grid
two
box
box
grid
two
box
box
heading
grid
two
box
box
grid
two
box
inktober
box
inktober
grid
two
box
box
heading
heading
heading
grid
two
box
box
heading
grid
two
box
box
heading
heading
grid
two
box
box
grid
two
box
box
box
grid
three
box
box
box
box
box
box
grid
two
box
box
box
box
grid
two
box
box
box
box
grid
two
box
box
heading
grid
three
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober
box
inktober