.codex_body { padding: 10px; margin: auto; width: 500px; box-sizing: border-box; background: url(/images/design/wanted_hg.png), #333; overflow: hidden; background-position: bottom; line-height: normal; } /*
*/ .codex_body a { text-decoration: none !important; } /*
*/ .codex_headlink { display: flex; justify-content: center; padding: 30px 0px; align-items: center; } /*
*/ .codex_headlink:hover { background: rgba(0,0,0,0) !important; } /*
*/ .codex_headlink_text { margin: 0px 0px 0px -25px; font-family: 'Chivo', serif; font-weight: 700; color: #fff; text-decoration: none; font-size: 40px; text-transform: uppercase; letter-spacing: 3px; text-align: right; } /*
*/ .codex_headlink_text span { font-weight: 100; font-size: 11px; text-transform: none; display: block; margin: -10px 0px 0px 0px; } /*
*/ .codex_storyquote { display: flex; background: rgba(0,0,0,0.6); border: 5px solid rgba(51,51,51,0); padding: 10px 15px; font-family: 'Chivo', serif; font-size: 10px; color: #ffffff; line-height: 17px; box-sizing: border-box; max-height: 500px; overflow: auto; } /*
*/ .codex_quotemark { width: 5%; box-sizing: border-box; font-size: 15px; text-align: right; padding: 5px 5px 0px 0px; color: #eeeeee; } /*
*/ .codex_quotetext { width: 95%; box-sizing: border-box; border-left: solid 1px #999999; padding: 0 0 0 10px; letter-spacing: 1px; } /*
*/ .codex_quoteautor { font-size: 9px; text-align: right; font-style: italic; line-height: normal; } /*
*/ .codex_storybox { margin: 5px auto 0 auto; width: 500px; box-sizing: border-box; border: solid 5px #ececec; background: #ececec; text-align: justify; color: #121212; font-family: 'Chivo', serif; font-size: 12px; line-height: 22px; } /*
*/ .codex_storyscroll {  padding: 5px 10px; height: 400px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
*/ .codex_storybox i { font-family: 'Chivo', serif; letter-spacing: 1px; color: #000000; } /*
*/ .codex_storybox b { font-family: 'Chivo', serif; letter-spacing: 1px; color: #111111; font-weight: 700; } /*
*/ .codex_storybox u { font-family: 'Chivo', serif; letter-spacing: 1px; color: #121212; text-decoration: underline wavy #e3b953 2px; } /*
*/ .codex_storybox s { font-family: 'Chivo', serif; letter-spacing: 1px; color: #121212; text-decoration: line-through dotted #e3b953 2px; } /*
*/ .codex_storybox a { font-family: 'Chivo', serif !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; color: #000000 !important; background: #d7d7d7 !important; font-weight: 500 !important; } /*
*/ .codex_storybox a:hover { color: #ffffff !important; } /*
*/ .codex_storybox ul { list-style-type: square; padding: 0px 10px 0px 15px; margin: 15px 0px; } /*
*/ .codex_storybox li::marker, .codex_infos li::marker { color: #ffba00; } /*
*/ .codex_storyimgs { display: flex; justify-content: center; padding: 10px 0px; } /*
*/ .codex_storyimg { width: 70px; height: 70px; padding: 1px; border: solid 5px #f9ce6b; background: #ececec; } /*
*/ .codex_storyimg img { filter: grayscale(100%); } /*
*/ .codex_story_infos { background: rgba(0,0,0,0.6); border: 5px solid rgba(51,51,51,0); padding: 10px; font-family: verdana, cantarell, sans-serif; text-align: justify; font-size: 11px; color: #efefef; line-height: 22px; box-sizing: border-box; max-height: 500px; overflow: auto; } /*
*/ .codex_storyh3 { line-height: normal; padding-bottom: 3px; margin: 0px 0px 10px 0px; font-size: 12px; text-transform: uppercase; font-family: 'Chivo', serif; color: #e0e0e0; letter-spacing: 3px; border-bottom: solid 1px rgba(206,206,206,0.3); }  /*
*/ .codex_story_infos ul { font-family: 'Chivo', serif; line-height: 17px; list-style-type: square; padding: 0px 10px 0px 15px; margin: 0px; } /*
*/ .codex_story_infos a { font-family: 'Chivo', serif !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; color: #efefef !important; background: rgba(0,0,0,0) !important; font-weight: 500 !important; } /*
*/ .codex_story_infos a:hover { color: #f9ce6b !important; } /*
*/ .codex_story_links { margin: 5px auto 0 auto; width: 500px; border: solid 5px #cecece; background: linear-gradient(to bottom, #cecece 0%, #cecece 49%, #6a6a6a 49%, #6a6a6a 50%, #cecece 50%, #cecece 100%); box-sizing: border-box; display: flex; align-items: center; min-height: 60px; justify-content: center; line-height: normal; } /*
*/ .codex_story_links a { background: #f9ce6b !important; display: block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; color: #333333 !important; letter-spacing: 2px !important; text-decoration: none !important; font-family: 'Chivo', serif !important; font-weight: normal  !important; margin: 0px 10px; }