Yk.css

body, .mw-body, .mw-body-content, .vector-menu-content, .vector-menu,

1. left-navigation,
2. right-navigation,

.mediawiki,

1. mw-head-base,

.client-nojs, .selected,

1. ca-view,
2. ca-edit,
3. ca-history,

.mw-watchlink, .icon, .vector-menu-heading, .vector-menu-checkbox, .vector-menu,

1. ca-delete,
2. ca-move,

.vector-menu-dropdown, .mw-panel,

1. p-logo,
2. ca-watch,
3. ca-unwatch,
4. ca-nstab-user,
5. ca-talk{

 background-size: 100% 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-image: radial-gradient(
   circle farthest-corner at 11.7% 170.6%,
   #f9b9ff 30%,
   #b1acff 60%,
   #628fff 80%
 );

} .mw-body-content a.external, .mw-body-content a.external:visited, .mw-body-content a.external:hover, .mw-body-content a.external:focus {

 font: normal 110% arial, sans-serif;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 1px;
 text-decoration: none;
 padding: 0;
 margin: 0;
 background: transparent;

}

.mw-body-content a.external, .mw-body-content a.external:visited {

 color: #fff;

} .mw-body-content a.external:hover, .mw-body-content a.external:focus {

 color: blue;

} .mw-body-content blockquote {

 border-left:none;

} .background {

 background-size: 100% 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-image: radial-gradient(
   circle farthest-corner at 11.7% 170.6%,
   #f9b9ff 30%,
   #b1acff 60%,
   #628fff 80%
 );

} .block {

 position: relative;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
 background-color: #262626;
 text-align: center;
 width: 80%;
 overflow: hidden;
 margin-top: 5em;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0 15px 15px -5px #0f0f0f;
 z-index: 2;

} .content a{

 display: inline-block;
 text-align: center;
 border: 1px solid black;
 margin-bottom:2em;

} .storyblock {

 position: relative;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
 background-color: #262626;
 text-align: center;
 width: 80%;
 overflow: hidden;
 margin-top: 5em;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0 15px 15px -5px #0f0f0f;
 z-index: 2;

} .storyblock a {

 color: #00ff00;

} .storywall {

 display: flex;
 text-align: justify;
 position: relative;
 padding-bottom: 3em;
 padding-top: 3em;
 background-color: rgba(51, 51, 51, 0.95);
 color:#ddd;
 width: 80%;
 margin: 0 auto;
 z-index: 1;

} .text img {

 float: left;
 display:flex;
 width: 95%;
 height: auto;
 border: 1px solid black;
 position: relative;

} .text {

 background-color: #39393d;
 padding: 1.25em 3em 2em 3em;

} .text p {

 padding-bottom: 20px;
 line-height: 1.4em;

} .text span {

 display: block;
 font: normal 140% arial, sans-serif;
 text-shadow: 2px 2px 2px #000;
 text-align: center;
 letter-spacing: 2px;
 margin-top: 30px;
 color: #ffaaff;

} .backmenu {

 padding-top: 2em;
 text-align: center;

} .backmenu a {

 font: 110% arial, sans-serif;
 text-shadow: 2px 2px #000;
 text-decoration: none;
 color: #d1cfcf;

} .backmenu a:hover {

 color: #00ff00;
 text-shadow: 2px 2px #000;
 text-shadow: none;

} .bottombar {

 display: flex;
 text-align: justify;
 position: relative;
 padding-bottom: 3em;
 padding-top: 3em;
 background-color: #1e1e1e;
 color:#ddd;
 width: 80%;
 margin: 0 auto;
 z-index: 1;
 box-shadow: 0 -15px 15px -5px #0f0f0f;

} .banner {

 text-align: center;

} .banner img {

 position: relative;
 box-shadow: 0 15px 15px -5px #0f0f0f;
 border: 1px solid black;
 max-width: 100%;
 height: auto;

} .name {

 font: normal 180% arial, sans-serif;
 padding-bottom: 0.2em;
 padding-top: 1.25em;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 2px;
 color: #ffaaff;

} .title {

 font: normal 180% arial, sans-serif;
 padding-bottom: 0.2em;
 padding-top: 1.25em;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 5px;
 color: #ffaaff;

} .email {

 font: normal 100% arial, sans-serif;
 padding-bottom: 1.25em;
 text-shadow: 2px 2px 2px #000;
 color: yellow;
 letter-spacing: 1px;

} .emailx {

 font: normal 100% arial, sans-serif;
 padding-bottom: 1.25em;
 text-shadow: 2px 2px 2px #000;
 color: yellow;
 letter-spacing: 1px;

} .date {

 font: normal 110% arial, sans-serif;
 padding-bottom: 0.5em;
 text-shadow: 2px 2px 2px #000;
 color: #00ff00;
 letter-spacing: 1px;

} .alessa {

 font: normal 110% arial, sans-serif;
 padding-bottom: 0.5em;
 text-shadow: 2px 2px 2px #000;
 color: #00ff00;
 letter-spacing: 1px;

} .content {

 position: relative;
 background-color: rgba(51, 51, 51, 0.95);
 width: 80%;
 overflow: hidden;
 margin: auto;
 z-index: 1;

} .intro {

 font: normal 100% arial, sans-serif;
 text-align: justify;
 border-radius: 45px;
 background-color: #565656;
 color:#ddd;
 padding:20px;
 margin: 4em 5em 2em 5em;
 display: inline-block;
 box-shadow: 0 1px 1px 0 rgba(0, 255, 255, 0.5),

0 2px 4px 0 rgba(0, 255, 255, 0.5), 0 4px 8px 0 rgba(0, 255, 255, 0.5), 0 8px 16px 0 rgba(0, 255, 255, 0.5), 0 -1px 1px 0 rgba(0, 255, 255, 0.5), -1px -2px 4px 0 rgba(0, 255, 255, 0.5), -2px -4px 8px 0 rgba(0, 255, 255, 0.5), -4px -8px 16px 0 rgba(0, 255, 255, 0.5); } .topbar {

 position: relative;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
 background-color: #262626;
 text-align: center;
 width: 80%;
 overflow: hidden;
 margin-top: 2em;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0 15px 15px -5px #0f0f0f;
 z-index: 2;

} .whatsnew {

 display: flex;
 text-align: center;
 position: relative;
 padding-bottom: 3em;
 padding-top: 2em;
 background-color: rgba(51, 51, 51, 0.95);
 width: 80%;
 margin: 0 auto;
 z-index: 1;

} .storyindex0 {

 display: flex;
 text-align: center;
 position: relative;
 padding-top: 2em;
 padding-bottom: 2em;
 background-color: rgba(51, 51, 51, 0.95);
 width: 80%;
 margin: 0 auto;
 z-index: 1;

} .storyindex {

 display: flex;
 text-align: center;
 position: relative;
 padding-bottom: 2em;
 background-color: rgba(51, 51, 51, 0.95);
 width: 80%;
 margin: 0 auto;
 z-index: 1;

} .left, .right, .topright, .bottomright {

 border: 1px solid #858585;
 flex: 1;
 margin: -1px;

} .right {

 flex-grow:2;
 margin-top:1.5em;
 margin-right: 2em;
 display: flex;
 flex-direction: column;
 justify-content: space-between;

} .left {

 display:flex;
 border-right: none;
 margin-top:1.5em;
 margin-left: 2em;
 max-width: 100%;
 height: auto; 

} .left img {

 border: 1px solid black;

} .topright {

 display:flex;
 align-items:center;
 justify-content:center;

} .topright a, .topright a:hover, .topright a:focus {

 position: relative;
 display:flex;
 border-bottom: none;
 letter-spacing: 2px;
 align-items:center;
 justify-content:center;
 text-decoration: none;
 font: normal 110% arial, sans-serif;
 text-shadow: 2px 2px 2px #000;
 color: yellow;

} .bottomright {

 display: flex;
 border-top: none;
 font: normal 100% arial, sans-serif;
 text-align: justify;
 color:#ddd;
 padding:10px;
 align-items:center;
 justify-content:center;

} .wordcount {

 position: absolute;
 top: 4.25em;
 right: 3em;
 color:#eddda3;
 text-shadow: 2px 2px 2px #000;

} .wordcountx {

 position: absolute;
 top: 2.25em;
 right: 3em;
 color:#eddda3;
 text-shadow: 2px 2px 2px #000;

} .wordcount span {

 color: #f99702;
 text-shadow: 2px 2px 2px #000;

} .wordcountx span {

 color: #f99702;
 text-shadow: 2px 2px 2px #000;

} .ribbon {

 position: absolute;
 right: -5px; top: -5px;
 z-index: 1;
 overflow: hidden;
 width: 75px; 
 height: 75px;
 text-align: right;

} .ribbon span {

 font-size: 15px;
 font-weight: bold;
 color: #FFF;
 text-transform: uppercase;
 text-align: center;
 line-height: 20px;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 width: 100px;
 display: block;
 background: #79A70A;
 background: linear-gradient(#9BC90D 0%, #79A70A 100%);
 box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
 position: absolute;
 top: 19px; right: -21px;

} .ribbon span::before {

 content: "";
 position: absolute; left: 0px; top: 100%;
 z-index: -1;
 border-left: 3px solid #79A70A;
 border-right: 3px solid transparent;
 border-bottom: 3px solid transparent;
 border-top: 3px solid #79A70A;

} .ribbon span::after {

 content: "";
 position: absolute; right: 0px; top: 100%;
 z-index: -1;
 border-left: 3px solid transparent;
 border-right: 3px solid #79A70A;
 border-bottom: 3px solid transparent;
 border-top: 3px solid #79A70A;

} h3 {

 color:#ddd;

} .cunny {

 display:flex;
 padding-left:1em;
 padding-bottom:0.25em;
 padding-top:0.25em;
 margin-top:2em;
 margin-bottom:1.5em;
 font-weight:bold; 
 font-size: 140%; 
 color:#FFAAFD; 
 text-shadow: 1px 1px 2px #000; 
 letter-spacing:3px; 
 width: 50%; 
 border: 1px solid #13B8D7; 
 background: transparent;

} .xhearts {

 color: red;
 text-align: center;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 0.65em;
 padding-top: 3em;
 height:4em;

} .files {

 float: right;
 top: 0;
 padding: 0 0.5em;
 margin-right:3em;
 white-space: nowrap;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;

} .epub, .azw, .pdf {

 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 height: 100%; 
 top: 0;
 background-color: #fc8200;
 color:#fff;
 padding-top:0.3em;
 padding-left: 2em;
 padding-right:2em;
 padding-bottom:0.4em;
 font: normal 110% arial, sans-serif;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 1px;
 white-space: nowrap;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 box-shadow: 4px 8px 8px -3px #000;

} .epub {

 margin-right: 0.5em;

} .azw {

 margin-right:0.5em;

} .pdf {

 margin-right: 0.5em;

} .mw-body-content a.external {

 color:#fff;
 font: normal 110% arial, sans-serif;
 text-shadow: 2px 2px 2px #000;
 letter-spacing: 1px;
 text-decoration: none;
 padding:0;
 margin:0;
 background:transparent;

}