Yk.css: Difference between revisions

From All The Fallen Stories
Jump to navigation Jump to search
Alessa (talk | contribs)
No edit summary
Alessa (talk | contribs)
No edit summary
 
(63 intermediate revisions by the same user not shown)
Line 1: Line 1:
.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;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2;margin:5em auto 0}.storyblock{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2;margin:5em auto 0}.storyblock a{color:#0f0}.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 #000;position:relative}.text{background-color:#39393d;padding:1.25em 3em 2em}.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:#faf}.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:#0f0;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 #000;max-width:100%;height:auto}.name{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:2px;color:#faf}.title{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:5px;color:#faf}.email{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.date{font:normal 110% arial,sans-serif;padding-bottom:.5em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font:normal 110% arial,sans-serif;padding-bottom:.5em;text-shadow:2px 2px 2px #000;color:#0f0;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;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;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2;margin:2em auto 0}.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 #000}.topright{display:flex;align-items:center;justify-content:center}.topright a{display:flex;border-bottom:none;letter-spacing:2px;align-items:center;justify-content:center;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;color:#ff0}.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}.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:700;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:0;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:0;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}
@media screen and (max-width: 1600px){html{font-size:.875em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 1200px){html{font-size:.8125em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 768px){html{font-size:.75em}.text,.bottomright{font-size:.9em}}body,.mw-body,.mw-body-content,.vector-menu-content,.vector-menu,#left-navigation,#right-navigation,.mediawiki,#mw-head-base,.client-nojs,.selected,#ca-view,#ca-edit,#ca-history,.mw-watchlink,.icon,.vector-menu-heading,.vector-menu-checkbox,.vector-menu,#ca-delete,#ca-move,.vector-menu-dropdown,.mw-panel,#p-logo,#ca-watch,#ca-unwatch,#ca-nstab-user,#ca-talk,#ca-viewsource,#ca-nstab-main{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%);font-family:'Helvetica',sans-serif;font-size:1em;font-weight:400;color:#ddd}.mw-body-content{margin-left:-10em}.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 blockquote{border-left:none}#mw-panel,#mw-page-base,#mw-head,#siteNotice,.mw-dismissable-notice-body,#localNotice,.firstHeading,#firstHeading,#p-logo,.mw-wiki-logo{display: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%)}.banner{text-align:center}.banner img{position:relative;box-shadow:0 15px 15px -5px #0f0f0f;border:1px solid #000;max-width:100%;height:auto;z-index:3}.bgtext:before{content:"Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606";overflow:hidden;white-space:nowrap;position:fixed;font:normal 3em arial,sans-serif;color:#faf;text-shadow:3px 3px 3px rgba(0,0,0,0.7);writing-mode:vertical-rl;top:0;left:calc(100% - 60px);z-index:2}@media only screen and (max-width: 1024px){.bgtext::before{display:none}}.block{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.content{position:relative;background-color:rgba(51,51,51,0.95);width:80%;overflow:hidden;margin:auto;z-index:1}.content a{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2em}.menu{position:absolute;top:1.5em;right:2em;display:flex;justify-content:space-between;padding:2px 7px;border:2px solid rgba(0,255,255,0.4);border-radius:5px}.menu a{color:#fff;text-decoration:none;font-size:75%}.storyblock{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:left;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.storyblock a{color:#0f0}.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;height:auto;margin-right:3em;margin-bottom:2em;border:1px solid #000;position:relative;width:45%;box-shadow:10px 10px 15px #0f0f0f}.text{background-color:#39393d;padding:0 3em 2em}.text p{padding-bottom:15px;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:#faf}.backmenu{padding-top:2em;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:2px 2px #000;text-decoration:none;color:#0eb9d8}.backmenu a:hover{color:#0f0;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}.name{font-family:Helvetica,sans-serif;font-size:1.5rem;padding-top:1em;text-shadow:4px 4px 4px #000;letter-spacing:2px;color:#ff82ff}.title{font-family:Helvetica,sans-serif;font-size:1.8rem;padding:1.25em 0 0 2em;text-shadow:4px 4px 4px #000;letter-spacing:3px;color:#ff82ff}.email{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{font-family:Helvetica,sans-serif;font-size:.875rem;padding:0 0 2em 4.1em;text-shadow:2px 2px 2.5px #000;color:#ff0;letter-spacing:1px}.date{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font-family:Helvetica,sans-serif;font-size:1rem;padding:0 0 0 3.8em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.intro{font-family:Helvetica,sans-serif;text-align:justify;border-radius:45px;background-color:#565656;color:#ddd;padding:20px;margin:4em 5em 2em;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:2em auto 0;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;background-color:#2e2d2d}.left{display:flex;justify-content:center;align-items:center;border-right:none;margin-top:1.5em;margin-left:2em;max-width:100%;height:auto;background:#a4a3a3;background:radial-gradient(circle,rgba(164,163,163,1) 0%,rgba(45,46,46,1) 100%)}.left img{max-width:200px;height:auto;border:1px solid #000}.topright{position:relative;display:flex;flex-shrink:0;min-height:100px;align-items:center;justify-content:center}.topright:hover{background-color:#494b87}.topright a:hover{background:#f5f;padding:2px 8px;border-radius:7px;border:2px solid #fff}.topright a,.topright a:hover,.topright a:focus{position:relative;display:flex;letter-spacing:2px;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,sans-serif;font-size:100%;text-shadow:2px 2px 2px #000;color:#ff0}.bottomright{display:flex;border-top:none;text-align:justify;color:#ddd;padding:10px;align-items:center;justify-content:center}.wordcount{position:absolute;bottom:.7em;right:.8em;color:#eddda3;text-shadow:2px 2px 2px #000}.wordcount span{color:#f99702;text-shadow:2px 2px 2px #000}.bookfiles{position:absolute;top:1em;right:.6em;display:flex;justify-content:space-between;align-items:center}.books{display:grid;align-items:center;justify-content:center;margin-right:.5em;height:16px;width:45px;font-size:65%;border-radius:4px;background:#262626;color:#61fcf7;border:2px solid rgba(0,255,255,0.4)}.books:hover{background-color:#10bd04}.stats1{position:absolute;bottom:4em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.stats2{position:absolute;bottom:1.5em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.wordcount_story,.date_stack_story{position:relative;padding-left:1em;padding-top:4px;color:rgba(0,255,255,1);font-size:90%;text-shadow:2px 2px 2px #000;text-align:left}.wordcount_story span,.date_stack_story span{padding-right:1em;color:#fff;font-size:90%;text-shadow:2px 2px 2px #000;position:absolute;right:0}.wordcount_story span{letter-spacing:5px}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:17px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:110px;padding-top:4px;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:0;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:0;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-top:.3em;margin-top:2em;margin-bottom:1.5em;font-weight:700;font-size:140%;color:#0ff;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:70%;border:1px solid #13B8D7;background:rgba(75,89,110,0.8)}.xhearts{color:red;font-size:150%;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;padding-top:2em;height:3em}.files{float:right;top:0;padding:0 .5em;margin-right:2em;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:.3em 2em .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:hover,.azw:hover,.pdf:hover{background-color:#0f0}.epub{margin-right:.5em}.azw{margin-right:.5em}.pdf{margin-right:.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}.dropdown{position:absolute;display:flex;margin-top:-2.2em;justify-content:center;text-align:center;left:50%;transform:translateX(-50%);z-index:3;color:#ffdede;background-color:#625cfa;padding:.2em .5em;text-shadow:2px 2px 2px #000;letter-spacing:2px;font-size:95%;border-top-left-radius:7px;border-top-right-radius:7px;border-top:2px solid #a19eff;border-left:2px solid #a19eff;border-right:2px solid #a19eff}.dropdown-content{color:#fff;font:normal 100% arial,sans-serif;display:none;background-color:#625cfa;border:2px solid #a19eff;border-radius:10px;box-shadow:0 8px 16px 0 #000;padding:16px;text-shadow:none;letter-spacing:1px;font-size:100%;text-align:justify}.dropdown:hover .dropdown-content{margin-top:2em;display:flex;position:absolute;width:850px}@media screen and (max-width: 1500px){.dropdown:hover .dropdown-content{max-width:600px}}@media screen and (max-width: 1000px){.dropdown:hover .dropdown-content{max-width:400px}}.element{animation:pulse 3s infinite;font-size:140%;margin-right:1em;margin-bottom:-.5em}@keyframes pulse{0%{color:red}50%{opacity:0}100%{color:red}}
/* <noinclude>[[Category:StyleSheets]]</noinclude> */

Latest revision as of 12:44, 5 March 2024

@media screen and (max-width: 1600px){html{font-size:.875em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 1200px){html{font-size:.8125em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 768px){html{font-size:.75em}.text,.bottomright{font-size:.9em}}body,.mw-body,.mw-body-content,.vector-menu-content,.vector-menu,#left-navigation,#right-navigation,.mediawiki,#mw-head-base,.client-nojs,.selected,#ca-view,#ca-edit,#ca-history,.mw-watchlink,.icon,.vector-menu-heading,.vector-menu-checkbox,.vector-menu,#ca-delete,#ca-move,.vector-menu-dropdown,.mw-panel,#p-logo,#ca-watch,#ca-unwatch,#ca-nstab-user,#ca-talk,#ca-viewsource,#ca-nstab-main{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%);font-family:'Helvetica',sans-serif;font-size:1em;font-weight:400;color:#ddd}.mw-body-content{margin-left:-10em}.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 blockquote{border-left:none}#mw-panel,#mw-page-base,#mw-head,#siteNotice,.mw-dismissable-notice-body,#localNotice,.firstHeading,#firstHeading,#p-logo,.mw-wiki-logo{display: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%)}.banner{text-align:center}.banner img{position:relative;box-shadow:0 15px 15px -5px #0f0f0f;border:1px solid #000;max-width:100%;height:auto;z-index:3}.bgtext:before{content:"Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606";overflow:hidden;white-space:nowrap;position:fixed;font:normal 3em arial,sans-serif;color:#faf;text-shadow:3px 3px 3px rgba(0,0,0,0.7);writing-mode:vertical-rl;top:0;left:calc(100% - 60px);z-index:2}@media only screen and (max-width: 1024px){.bgtext::before{display:none}}.block{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.content{position:relative;background-color:rgba(51,51,51,0.95);width:80%;overflow:hidden;margin:auto;z-index:1}.content a{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2em}.menu{position:absolute;top:1.5em;right:2em;display:flex;justify-content:space-between;padding:2px 7px;border:2px solid rgba(0,255,255,0.4);border-radius:5px}.menu a{color:#fff;text-decoration:none;font-size:75%}.storyblock{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:left;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.storyblock a{color:#0f0}.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;height:auto;margin-right:3em;margin-bottom:2em;border:1px solid #000;position:relative;width:45%;box-shadow:10px 10px 15px #0f0f0f}.text{background-color:#39393d;padding:0 3em 2em}.text p{padding-bottom:15px;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:#faf}.backmenu{padding-top:2em;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:2px 2px #000;text-decoration:none;color:#0eb9d8}.backmenu a:hover{color:#0f0;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}.name{font-family:Helvetica,sans-serif;font-size:1.5rem;padding-top:1em;text-shadow:4px 4px 4px #000;letter-spacing:2px;color:#ff82ff}.title{font-family:Helvetica,sans-serif;font-size:1.8rem;padding:1.25em 0 0 2em;text-shadow:4px 4px 4px #000;letter-spacing:3px;color:#ff82ff}.email{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{font-family:Helvetica,sans-serif;font-size:.875rem;padding:0 0 2em 4.1em;text-shadow:2px 2px 2.5px #000;color:#ff0;letter-spacing:1px}.date{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font-family:Helvetica,sans-serif;font-size:1rem;padding:0 0 0 3.8em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.intro{font-family:Helvetica,sans-serif;text-align:justify;border-radius:45px;background-color:#565656;color:#ddd;padding:20px;margin:4em 5em 2em;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:2em auto 0;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;background-color:#2e2d2d}.left{display:flex;justify-content:center;align-items:center;border-right:none;margin-top:1.5em;margin-left:2em;max-width:100%;height:auto;background:#a4a3a3;background:radial-gradient(circle,rgba(164,163,163,1) 0%,rgba(45,46,46,1) 100%)}.left img{max-width:200px;height:auto;border:1px solid #000}.topright{position:relative;display:flex;flex-shrink:0;min-height:100px;align-items:center;justify-content:center}.topright:hover{background-color:#494b87}.topright a:hover{background:#f5f;padding:2px 8px;border-radius:7px;border:2px solid #fff}.topright a,.topright a:hover,.topright a:focus{position:relative;display:flex;letter-spacing:2px;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,sans-serif;font-size:100%;text-shadow:2px 2px 2px #000;color:#ff0}.bottomright{display:flex;border-top:none;text-align:justify;color:#ddd;padding:10px;align-items:center;justify-content:center}.wordcount{position:absolute;bottom:.7em;right:.8em;color:#eddda3;text-shadow:2px 2px 2px #000}.wordcount span{color:#f99702;text-shadow:2px 2px 2px #000}.bookfiles{position:absolute;top:1em;right:.6em;display:flex;justify-content:space-between;align-items:center}.books{display:grid;align-items:center;justify-content:center;margin-right:.5em;height:16px;width:45px;font-size:65%;border-radius:4px;background:#262626;color:#61fcf7;border:2px solid rgba(0,255,255,0.4)}.books:hover{background-color:#10bd04}.stats1{position:absolute;bottom:4em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.stats2{position:absolute;bottom:1.5em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.wordcount_story,.date_stack_story{position:relative;padding-left:1em;padding-top:4px;color:rgba(0,255,255,1);font-size:90%;text-shadow:2px 2px 2px #000;text-align:left}.wordcount_story span,.date_stack_story span{padding-right:1em;color:#fff;font-size:90%;text-shadow:2px 2px 2px #000;position:absolute;right:0}.wordcount_story span{letter-spacing:5px}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:17px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:110px;padding-top:4px;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:0;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:0;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-top:.3em;margin-top:2em;margin-bottom:1.5em;font-weight:700;font-size:140%;color:#0ff;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:70%;border:1px solid #13B8D7;background:rgba(75,89,110,0.8)}.xhearts{color:red;font-size:150%;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;padding-top:2em;height:3em}.files{float:right;top:0;padding:0 .5em;margin-right:2em;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:.3em 2em .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:hover,.azw:hover,.pdf:hover{background-color:#0f0}.epub{margin-right:.5em}.azw{margin-right:.5em}.pdf{margin-right:.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}.dropdown{position:absolute;display:flex;margin-top:-2.2em;justify-content:center;text-align:center;left:50%;transform:translateX(-50%);z-index:3;color:#ffdede;background-color:#625cfa;padding:.2em .5em;text-shadow:2px 2px 2px #000;letter-spacing:2px;font-size:95%;border-top-left-radius:7px;border-top-right-radius:7px;border-top:2px solid #a19eff;border-left:2px solid #a19eff;border-right:2px solid #a19eff}.dropdown-content{color:#fff;font:normal 100% arial,sans-serif;display:none;background-color:#625cfa;border:2px solid #a19eff;border-radius:10px;box-shadow:0 8px 16px 0 #000;padding:16px;text-shadow:none;letter-spacing:1px;font-size:100%;text-align:justify}.dropdown:hover .dropdown-content{margin-top:2em;display:flex;position:absolute;width:850px}@media screen and (max-width: 1500px){.dropdown:hover .dropdown-content{max-width:600px}}@media screen and (max-width: 1000px){.dropdown:hover .dropdown-content{max-width:400px}}.element{animation:pulse 3s infinite;font-size:140%;margin-right:1em;margin-bottom:-.5em}@keyframes pulse{0%{color:red}50%{opacity:0}100%{color:red}}

/* */