Link to article: Person of Interest: Zygard.
:root {
--header-title: "Foundation Archive";
--header-subtitle: "The most interesting person in the world";
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:present-malice/umbrella-scp.png");
}
#header::before {
height: calc(100% - var(--topbar-height-on-desktop));
aspect-ratio: 1;
left: 50%;
top: 0.3rem;
background-image: url(https://upload.wikimedia.org/wikipedia/en/0/0a/Logo_of_the_SCP_Foundation.png);
background-size: contain;
transform: translatex(-50%);
}
/* CONTENT > CUSTOM DIVS */
/* ======================= */
.document {
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 26px auto 0;
max-width: 550px;
min-height: 300px;
padding: 24px;
padding-top: 50px;
position: relative;
width: 80%;
}
.document:before,
.document:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.document:before {
background: #fafafa;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.document:after {
background: #f6f6f6;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.darkdocument {
background: rgb(30, 30, 30);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 26px auto 0;
max-width: 550px;
min-height: 300px;
padding: 24px;
padding-top: 50px;
position: relative;
width: 80%;
color: #EDEDED;
}
.darkdocument:before,
.darkdocument:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.darkdocument:before {
background: rgb(25, 25, 25);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.darkdocument:after {
background: rgb(25, 25, 25);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
width: intrinsic; width: -moz-max-content; width: -webkit-max-content; text-align:center; margin: 10px auto;
width: 99%; border: solid 1px #000000; padding: 1px
blockquote
darkdocument
darkdocument
darkdocument
darkdocument
darkdocument