Link to article: Aromantic Abatement.
/* HEADER */
:root{
--header-title: "AREA-21";
--header-subtitle: "A MAGICA AD MUNDANUM";
}
div#extra-div-1{
background-image: url(http://scp-sandbox-3.wdfiles.com/local--files/12-aromantic-abatement/21Head.png);
}
.top-left-box > .item{
display: inline;
}
.acroabate {
background: #D0F9F9;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 26px auto 0;
max-width: 550px;
padding: 24px;
margin-bottom: 36px;
position: relative;
width: 80%;
}
.acroabate:before,
.acroabate:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.acroabate:before {
background: #B4E8E8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.acroabate:after {
background: #9CD5D5;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.flashwet {
border-left: solid 3px rgb(102, 102, 255);
border-right: solid 3px rgb(102, 102, 255);
padding: 25px 25px 25px 25px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
margin: auto;
background: #f7f7f7;
}
.muddle {
background: #FFDFCD;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 26px auto 0;
max-width: 550px;
padding: 24px;
margin-bottom: 36px;
position: relative;
width: 80%;
}
.muddle:before,
.muddle:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.muddle:before {
background: #FFCEB2;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.muddle:after {
background: #FFB58C;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.wettle {
background: #EBEBFA;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 26px auto 0;
max-width: 550px;
padding: 24px;
margin-bottom: 36px;
position: relative;
width: 80%;
}
.wettle:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.wettle:before {
background: #B4B7D8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.wettle:after {
background: #A28B87;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.udoflashback {
border-left: solid 3px rgb(255, 149, 14);
border-right: solid 3px rgb(255, 149, 14);
padding: 25px 25px 25px 25px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
margin: auto;
background: #f7f7f7;
font-family: BauhausLTDemi; font-size: 120%;
font-family: BauhausLTDemi; font-size: 120%;
font-family: BauhausLTDemi; font-size: 120%;
font-family: BauhausLTDemi; font-size: 120%;
font-family: BauhausLTDemi; font-size: 120%;
:scp-wiki:theme:blankstyle
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
acroabate
flashwet
muddle
udoflashback
wettle