@charset "utf-8";
@font-face {
    font-family:Amarante;
    src:url("fonts/Amarante-Regular.ttf");
}
@font-face {
    font-family:Amaranth;
    src:url("fonts/Amaranth/Amaranth-Regular.ttf");
}
@font-face {
    font-family:Amaranth Italic;
    src:url("fonts/Amaranth/Amaranth-Italic.ttf");
}
@font-face {
    font-family:Amaranth Bold;
    src:url("fonts/Amaranth/Amaranth-Bold.ttf");
}
@font-face {
    font-family:Amaranth BoldItalic;
    src:url("fonts/Amaranth/Amaranth-BoldItalic.ttf");
}
@font-face {
    font-family:Averia Libre;
    src:url("fonts/Averia Libre/AveriaLibre-Regular.ttf");
}
@font-face {
    font-family:Averia Libre Italic;
    src:url("fonts/Averia Libre/AveriaLibre-Italic.ttf");
}
@font-face {
    font-family:Averia Libre Bold;
    src:url("fonts/Averia Libre/AveriaLibre-Bold.ttf");
}
@font-face {
    font-family:Averia Libre BoldItalic;
    src:url("fonts/Averia Libre/AveriaLibre-BoldItalic.ttf");
}
@font-face {
    font-family:El Messiri;
    src:url("fonts/El Messiri/ElMessiri-Regular.ttf");
}
@font-face {
    font-family:El Messiri Bold;
    src:url("fonts/El Messiri/ElMessiri-Bold.ttf");
}
@font-face {
    font-family:Faculty Glyphic;
    src:url("fonts/FacultyGlyphic-Regular.ttf");
}
@font-face {
    font-family:Noto Sans;
    src:url("fonts/Noto Sans/NotoSans-Regular.ttf");
}
@font-face {
    font-family:Noto Sans Italic;
    src:url("fonts/Noto Sans/NotoSans-Italic.ttf");
}
@font-face {
    font-family:Noto Sans Bold;
    src:url("fonts/Noto Sans/NotoSans-Bold.ttf");
}
@font-face {
    font-family:Noto Sans BoldItalic;
    src:url("fonts/Noto Sans/NotoSans-BoldItalic.ttf");
}
@font-face {
    font-family:Noto Sans Hebrew;
    src:url("fonts/Noto Sans Hebrew/NotoSansHebrew-Regular.ttf");
}
@font-face {
    font-family:Noto Sans Hebrew Bold;
    src:url("fonts/Noto Sans Hebrew/NotoSansHebrew-Bold.ttf");
}
@font-face {
    font-family:Noto Sans JP;
    src:url("fonts/Noto Sans JP/NotoSansJP-Regular.ttf");
}
@font-face {
    font-family:Noto Sans JP Bold;
    src:url("fonts/Noto Sans JP/NotoSansJP-Bold.ttf");
}
@font-face {
    font-family:Noto Sans KR;
    src:url("fonts/Noto Sans KR/NotoSansKR-Regular.ttf");
}
@font-face {
    font-family:Noto Sans KR Bold;
    src:url("fonts/Noto Sans KR/NotoSansKR-Bold.ttf");
}
@font-face {
    font-family:Noto Sans Runic;
    src:url("fonts/NotoSansRunic-Regular.ttf");
}
@font-face {
    font-family:Noto Sans SC;
    src:url("fonts/Noto Sans SC/NotoSansSC-Regular.ttf");
}
@font-face {
    font-family:Noto Sans SC Bold;
    src:url("fonts/Noto Sans SC/NotoSansSC-Bold.ttf");
}
@font-face {
    font-family:Noto Sans TC;
    src:url("fonts/Noto Sans TC/NotoSansTC-Regular.ttf");
}
@font-face {
    font-family:Noto Sans TC Bold;
    src:url("fonts/Noto Sans TC/NotoSansTC-Bold.ttf");
}
@font-face {
    font-family:Original Surfer;
    src:url("fonts/OriginalSurfer-Regular.ttf");
}
@font-face {
    font-family:Overlock;
    src:url("fonts/Overlock/Overlock-Regular.ttf");
}
@font-face {
    font-family:Overlock Italic;
    src:url("fonts/Overlock/Overlock-Italic.ttf");
}
@font-face {
    font-family:Overlock Bold;
    src:url("fonts/Overlock/Overlock-Bold.ttf");
}
@font-face {
    font-family:Overlock BoldItalic;
    src:url("fonts/Overlock/Overlock-BoldItalic.ttf");
}
@font-face {
    font-family:Philosopher;
    src:url("fonts/Philosopher/Philosopher-Regular.ttf");
}
@font-face {
    font-family:Philosopher Italic;
    src:url("fonts/Philosopher/Philosopher-Italic.ttf");
}
@font-face {
    font-family:Philosopher Bold;
    src:url("fonts/Philosopher/Philosopher-Bold.ttf");
}
@font-face {
    font-family:Philosopher BoldItalic;
    src:url("fonts/Philosopher/Philosopher-BoldItalic.ttf");
}
@font-face {
    font-family:Recursive;
    src:url("fonts/Recursive/Recursive-Regular.ttf");
}
@font-face {
    font-family:Recursive Medium;
    src:url("fonts/Recursive/Recursive-Medium.ttf");
}
@font-face {
    font-family:Recursive Light;
    src:url("fonts/Recursive/Recursive-Light.ttf");
}
@font-face {
    font-family:Recursive SemiBold;
    src:url("fonts/Recursive/Recursive-SemiBold.ttf");
}
@font-face {
    font-family:Recursive Bold;
    src:url("fonts/Recursive/Recursive-Bold.ttf");
}
@font-face {
    font-family:Recursive Black;
    src:url("fonts/Recursive/Recursive-Black.ttf");
}
@font-face {
    font-family:Unbounded;
    src:url("fonts/Unbounded/Unbounded-Regular.ttf");
}
@font-face {
    font-family:Unbounded Light;
    src:url("fonts/Unbounded/Unbounded-Light.ttf");
}
@font-face {
    font-family:Unbounded ExtraLight;
    src:url("fonts/Unbounded/Unbounded-ExtraLight.ttf");
}
@font-face {
    font-family:Unbounded SemiBold;
    src:url("fonts/Unbounded/Unbounded-SemiBold.ttf");
}
@font-face {
    font-family:Unbounded Bold;
    src:url("fonts/Unbounded/Unbounded-Bold.ttf");
}
@font-face {
    font-family:Unbounded ExtraBold;
    src:url("fonts/Unbounded/Unbounded-ExtraBold.ttf");
}
@font-face {
    font-family:Unbounded Black;
    src:url("fonts/Unbounded/Unbounded-Black.ttf");
}
@font-face {
    font-family:ZCool XiaoWei;
    src:url("fonts/ZCOOLXiaoWei-Regular.ttf");
}
/*Primary Structure*/
body {
    background-color:#696969;
    overflow-x:hidden;
}
header {
	background-color:#00000075;
	width:100%;
	height:90px;
	margin-top:-115px;
	margin-left:-8px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	position:fixed;
}
main {
	background: linear-gradient(175deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
	margin-top:107px;
	padding:10px;
	padding-bottom:50px;
	border-radius:25px;
}
/*Text Structure*/
p {
	width:100%;
	color:white;
	font-family: Recursive;
	font-size:12.5px;
	line-height:25px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	text-indent: 10px;
}
p b {
    font-family: Recursive Bold;
}
p i {
    font-family: Recursive Light;
}
p i b, p b i {
    font-family: Recursive SemiBold;
}
p .display {
    font-family: Recursive Black;
}
h1 {
	color:white;
	text-align: right;
	font-family: Recursive Black;
	font-size:20px;
	margin-top:-65px;
	margin-right:1%;
}
h2 {
	color:white;
	text-align: center;
	font-family: Unbounded;
	font-size:15px;
}
h3 {
	color:white;
	text-align: center;
	font-family: Recursive Bold;
	font-size:12.5px;
	line-height:12.5px;
	margin-top:-15px;
	margin-bottom:12.5px;
}
    .mainh3 {
        margin-top:-25px;
}
    .shadow {
        color:#00000025;
        text-shadow:0px 0px 2.5px black;
}
li {
    font-family:Recursive;
    font-size:12.5px;
    color:white;
    padding:0px;
}
ruby {
	margin-top:-8px;
	margin-right:-7.5px;
}
rt {
	font-size:10px;
	font-family: Recursive Light;
}
/*Secondary Structure*/
button {
    cursor:pointer;
}
    .chapselect {
		text-align:center;
        position:fixed;
        margin-left:-2.5%;
        width:95%;
	}
    .chapbut {
    width:40px;
    font-family:Unbounded Light;
    color: white;
    background-color:#696969;
}
        .chapbut:hover {
    background-color:black;
}
    .chapbutsat {
    width:40px;
    font-family:Faculty Glyphic;
    color: orangered;
    background-color:black;
}
        .chapbutsat:hover {
    background-color:red;
}
    .chapbutluc {
    width:40px;
    font-family:El Messiri Bold;
    color: aqua;
    background-color:black;
}
        .chapbutluc:hover {
    background-color:blue;
}
    .chapbutno {
    width:40px;
    font-family:Unbounded Light;
    color:#696969;
    background-color:#696969;
    cursor:not-allowed;
}
hr {
	margin-top:15px;
	height:3.5px;
	width:105.5%;
	margin-left:-1010px;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%);
	border:0px;
	border-left:1000px white solid;
	border-right:1000px white solid;
}
    .pagescroll {
	margin-top:-125px;
	margin-bottom:80px;
	height:0px;
	width:0%;
	margin-left:0px;
	background: transparent;
	border:none;
}
    .divinaline {
        margin-bottom:-15px;
        background: linear-gradient(90deg,rgba(255, 215, 0, 1) 0%, rgba(255, 255, 255, 0) 2.5%, rgba(255, 255, 255, 0) 25%, rgba(255, 215, 0, 1) 100%);
        border-left:1000px rgba(255,215,0,1) solid;
        border-right:1000px rgba(255,215,0,1) solid;
}
span {
    background-color:#696969;
    border:1px white solid;
    border-radius:25px;
    z-index:6000000;
}
.tooltip {
    position:absolute;
    z-index:6000000;
    width:50%;
    padding:7.5px;
    margin-left:0%;
    margin-top:0px;
    display:none;
    font-size:11px;
    font-family:Recursive;
    line-height:12.5px;
    cursor:help;
}
    .scroll1 {
        margin-top:-1150px;
    }
    .scroll2 {
        margin-top:-1425px;
    }
    .scroll3 {
        margin-top:-950px;
    }
.term:hover + .tooltip {
    display:block;
}
.term:active + .tooltip {
    display:block;
}
/*Text Decor*/
.Lucifer {
	color:aqua;
	font-family: El Messiri;
	font-size:15px;
}
.Lucifer b {
    font-family: El Messiri Bold;
}
.Satan {
	color:orangered;
	font-family: Faculty Glyphic;
	font-size:12.5px;
}
.Beelzebub {
	color:darkseagreen;
	font-family: Overlock;
	font-size:15px;
}
.Beelzebub b {
    font-family: Overlock Bold;
}
.Beelzebub i {
    font-family: Overlock Italic;
}
.Beelzebub b i, .Beelzebub i b {
    font-family: Overlock BoldItalic;
}
.Belial {
	color:mediumpurple;
	font-family: Philosopher;
	font-size:15px;
}
.Belial b {
	font-family: Philosopher Bold;
}
.Belial i {
	font-family: Philosopher Italic;
}
.Belial b i, .Belial i b{
	font-family: Philosopher BoldItalic;
}
.Lilith {
	color:lightblue;
	font-family: Amaranth;
	font-size:15px;
}
.Lilith b {
	font-family: Amaranth Bold;
}
.Lilith i {
	font-family: Amaranth Italic;
}
.Lilith b i, .Lilith i b {
	font-family: Amaranth BoldItalic;
}
.Leviathan {
	color:cornflowerblue;
	font-family: ZCool XiaoWei;
	font-size:15px;
}
.Belphegor {
	color:lightslategray;
	font-family: Amarante;
	font-size:15px;
}
.Mammon {
	color:lightgray;
	font-family: Original Surfer;
	font-size:12.5px;
}
.Mistress {
	color:orchid;
	font-family: Unbounded;
	font-size:10px;
}
.Mistress b {
    font-family: Unbounded Bold;
}
.Mistress i {
    font-family: Unbounded Light;
}
.Mistress b i, .Mistress i b {
    font-family: Unbounded SemiBold;
}
.Solomon {
	color:red;
	font-family: Averia Libre;
	font-size:15px;
}
.Solomon b {
    font-family: Averia Libre Bold;
}
.Solomon i {
    font-family: Averia Libre Italic;
}
.Solomon b i, .Solomon i b {
    font-family: Averia Libre BoldItalic;
}
.gold {
	color:rgba(255,215,0,1);
}
.jp {
	font-family: Noto Sans JP;
	line-height:15px;
}
.jp .display {
    font-family: Noto Sans JP Bold;
}
.ru, .gr {
	font-family: Noto Sans;
	line-height:15px;
}
.ru .display, .gr .display {
    font-family: Noto Sans Bold;
}
.kr {
	font-family: Noto Sans KR;
	line-height:15px;
}
.kr .display {
    font-family: Noto Sans KR Bold;
}
.sc {
    font-family: Noto Sans SC; 
    line-height:15px;
}
.sc .display {
    font-family: Noto Sans SC Bold;
}
.tc {
    font-family: Noto Sans TC; 
    line-height:15px;
}
.tc .display {
    font-family: Noto Sans TC Bold;
}
.rn {
    font-family: Noto Sans Runic;
    line-height:15px;
}
.he {
    font-family: Noto Sans Hebrew;
}
.he .display {
    font-family: Noto Sans Hebrew Bold;
}
.censored {
		background-color:black;
		color:black;
		transition-duration: 0.5s;
		transition-delay:1.5s;
		cursor:help;
	}
	.censored:hover {
		background-color:transparent;
		color:white;
		transition-duration: 1.5s;
		transition-delay:0.5s;
	}
a {
		color:white;
		text-decoration:underline;
		cursor:pointer;
        text-align: center;
	} /*Center-aligned*/
	a:hover {
		color:cyan;
		text-decoration:underline;
		cursor:pointer;
        text-align: center;
	}
.link {
		color:white;
		text-decoration:underline;
		cursor:pointer;
        text-align:left;
	} /*Left-aligned*/
	.link:hover {
		color:cyan;
		text-decoration:underline;
		cursor:pointer;
	}
.imgcredit {
        text-align: center;
        width:100%;
    }
.heading {
	margin-right:-15px;
    list-style: none;
}
.indent {
    padding-inline-start:15px;
    list-style-position:inside;
}
.term {
    text-decoration: underline;
    cursor:help;
}
.tooltipcaption {
    text-align: right;
    font-family:Recursive SemiBold;
    color:cyan;
    text-decoration: underline;
}
.tooltiptranslation {
    text-align: right;
    font-family:Recursive SemiBold;
    color:orange;
    text-decoration: underline;
}
/*Non-Text Decor*/
.logo {
	margin-top:10px;
	margin-left:10px;
}
.keyvis {
    width:35%;
}
.storycheck {
	font-family:Recursive;
	text-align:center;
	font-size:12.5px;
	width:250px;
	margin:0px;
	padding:0px;
	position:fixed;
	margin-top:75px;
	margin-left:calc(50% - 330px);
}
.acc-button {
    width:calc(100% + 3px) !important;
    height:25px;
    margin-top:-1px;
    font-family:Recursive SemiBold;
    font-size:15px;
    color: white;
    background-color:#696969;
    border:white 1px solid;
}
    .acc-button:hover {
        color: cyan;
}
.acc-content {
    width:calc(100% + 1px);
    height:auto;
    display:none;
    border:white 1px solid;
    border-top:none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.acc-content p {
    margin-left:2.5%;
    width:95%;
}
	.acc-content li {
		list-style-type: none;
	}
.acc-div-button {
    width:calc(100% + 3px) !important;
    height:25px;
    margin-top:-1px;
    font-family:Recursive SemiBold;
    font-size:15px;
    color: white;
    background-color:#696969;
    border:white 1px solid;
}
    .acc-div-button:hover {
        color: cyan;
}
.acc-div-content {
    width:calc(100% + 1px);
    height:auto;
    display:none;
    border:white 1px solid;
    border-top:none;
    border-bottom:none;
}
.show {
    display:block;
}
.gallery {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    width:100%;
}
.gallery-item {
    margin:10px;
    width:150px;
    vertical-align: top;
    align-self: center;
}
    .gallery-item img {
        width:150px;
        align-content: center;
        margin:0px;
        vertical-align: top;
}
    .gallery-item p {
        width:150px;
        height:100px;
        overflow-y: scroll;
        text-align:center;
        text-indent: 0px;
        margin:0px;
        margin-left:0px;
}
/*Character/Faction Layout*/
.imgdiv {
    width:40%;
    height:349.5px;
    border:1px solid white;
    border-right-width:0px;
    border-top-left-radius:25px;
}
    .charaimg {
        width:97.5%;
        margin-left:1.25%;
        margin-top:5%;
}
.statdiv {
    width:60%;
    height:140px;
    margin-top:-351px;
    margin-left:40%;
    overflow-y:hidden;
    overflow-x:hidden;
    border:1px solid white;
    border-top-right-radius:25px;
}
    .statdiv p {
        width:97.5%;
        text-indent: 0px;
        margin-left:1.25%;
}
    .statdiv ruby {
        margin-top:-4px;
        margin-right:0px;
        margin-left:3px;
    }
.pwrdiv {
    width:60%;
    height:209px;
    margin-top:-1px;
    margin-left:40%;
    overflow-y:hidden;
    overflow-x:hidden;
    border:1px solid white;
}
	.pwrdiv p {
		width:97.5%;
		margin-left:1.25%;
		text-indent: 0px;
	}
    .pwrdiv ruby {
        margin-top:-4px;
        margin-right:0px;
        margin-left:3px;
}
.biodiv {
    width:100%;
    height:250px;
    margin-top:-1px;
    overflow-y:hidden;
    overflow-x:hidden;
    border:1px solid white;
    border-top-width:0px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
}
	.biodiv p {
		width:97.5%;
		margin-left:1.25%;
	}
    .biodiv ruby {
        margin-top:-4px;
        margin-right:0px;
        margin-left:3px;
    }
.report {
    width:90%;
    margin-left:5%;
    border:1px solid white;
    border-radius:25px;
}
    .report p {
        margin-left:5px;
        text-indent:0px;
}
.scrolldiv {
    overflow-y:scroll;
    overflow-x:hidden;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
/*Not applicable
.languageselector {
	position:fixed;
	margin-left:175px;
	margin-top:-65px;
}
    .languageselector li {
	font-family:Recursive;
	font-size:12.5px;
	color:white;
	list-style-type: none;
	padding:0px;
	text-align:right;
}
.foreign {
	display:flex;
}
    .foreign.off {
        display:none;
}
.transcript {
	display:flex;
}
    .transcript.off {
        display:none;
}
.translation {
	display:flex;
}
    .translation.off {
        display:none;
}
.languagecheck {
    accent-color:black;
    height:12.5px;
    position:fixed;
}
.arccheck {

	font-family:Recursive;
	text-align:center;
	font-size:12.5px;
	width:175px;
	margin:0px;
	padding:0px;
	position:fixed;
	margin-top:50px;
	margin-left:calc(50% - 195px);
}
.scroll {
    overflow-y:scroll;
    text-align:left;
    height:393px;
    border:white 1px solid;
    border-radius:25px;
    padding:5px;
}
    .scroll li p {
        width:100%;
}*/

@media (min-width:393px) {
/*Text Structure*/
p {
	font-size:15px;
	line-height:27.5px;
}
h1 {
    font-size:30px;
    margin-right:2.5%;
}
h3 {
    font-size:15px;
	line-height:15px;
	margin-top:-17.5px;
	margin-bottom:15px;
}
    .mainh3 {
        margin-top:-30px;
}
li {
    font-size:15px;
}
/*Secondary Structure*/
button {
    cursor:pointer;
}
    .chapselect {
        margin-left:0%;
	}
hr {
	height:5px;
	width:102.65%;
}
    .divinaline {
        margin-bottom:-17.5px;
    }
.tooltip {
    font-size:12px;
    line-height:13.5px;
}
    .scroll1 {
        margin-top:-1550px;
    }
    .scroll2 {
        margin-top:-1925px;
    }
    .scroll3 {
        margin-top:-1150px;
    }
/*Text Decor*/
.Lucifer, .Beelzebub, .Belial, .Lilith, .Leviathan, .Belphegor, .Solomon {
    font-size:17.5px;
}
.Satan, .Mammon {
    font-size:15px;
    }
.Mistress {
	font-size:12.5px;
}
.jp, .ru, .gr, .kr, .sc, .tc, .rn, .he {
	line-height:17.5px;
}
/*Non-Text Decor*/
.storycheck {
    width:275px;
	margin-left:calc(50% - 350px);
}
.acc-button {
    width:calc(100% + 2px) !important;
    }
.acc-content {
    width:100%;
}
.gallery-item {
    margin:20px;
    width:200px;
}
    .gallery-item img {
        width:200px;
}
    .gallery-item p {
        width:200px;
        height:150px;
}
/*Character/Faction Layout*/
    .statdiv ruby {
        margin-left:5px;
    }
    .pwrdiv ruby {
        margin-left:5px;
}
    .biodiv ruby {
        margin-left:5px;
    }
.report {
    width:90%;
    margin-left:5%;
    border:1px solid white;
    border-radius:25px;
}
    .report p {
        margin-left:5px;
}
/*Not applicable
.arccheck {
	width:175px;
    margin-top:50px;
	margin-left:calc(50% - 195px);
}
.storycheck {
	font-family:Recursive;
	text-align:center;
	font-size:12.5px;
	width:225px;
	margin:0px;
	padding:0px;
	position:fixed;
	margin-top:75px;
	margin-left:calc(51% - 252.5px);
}*/
}

@media (min-width:768px) {
/*Primary Structure*/
main {
	width:730px;
	margin-left:calc(50% - 375px);
}
/*Text Structure*/
p {
	width:730px;
	font-size:17.5px;
	line-height:35px;
	margin-left:0px;
}
h1 {
    font-size:40px;
	margin-top:-75px;
	margin-right:2.5%;
}
h2 {
    font-size:20px;
}
h3 {
	font-size:20px;
}
li {
    font-size:17.5px;
}
ruby {
	margin-top:0px;
}
rt {
    font-size:12.5px;
}
/*Secondary Structure*/
    .chapselect {
        margin-left:0px;
        width:730px;
    }
hr {
	width:750px;
}
    .pagescroll {
	    margin-bottom:75px;
}
    .divinaline {
        margin-bottom:-20px;
    }
.tooltip {
    width:400px;
    margin-left:250px;
    font-size:15px;
    line-height:17.5px;
}
    .scroll1 {
        margin-top:-1100px;
    }
    .scroll2 {
        margin-top:-1425px;
    }
    .scroll3 {
        margin-left:150px;
        margin-top:-1000px;
    }
    .tooldiv {
        margin-left:0px;
    }
/*Text Decor*/
.Lucifer, .Beelzebub, .Belial, .Lilith, .Leviathan, .Belphegor, .Solomon {
    font-size:20px;
}
.Satan, .Mammon {
    font-size:17.5px;
    }
.Mistress {
	font-size:15px;
}
.imgcredit {
    width:295px;
    }
/*Non-Text Decor*/
.logo {
	margin-top:20px;
	margin-left:20px;
}
.storycheck {
	font-size:15px;
	width:315px;
	margin-top:50px;
	margin-left:calc(50% - 375px);
}
.acc-button {
    width:722px !important;
    font-size:17.5px;
}
.acc-content {
    width:720px;
}
.acc-div-button {
    width:733px !important;
}
.acc-div-content {
    width:731px;
}
.gallery-item {
    width:200px;
    margin:15px;
}
    .gallery-item img {
        width:200px;
}
    .gallery-item p {
        width:200px !important;
        height:200px;
        margin-left:-15px;
}
/*Character/Faction Layout*/
.imgdiv {
    width:300px;
    height:400.5px;
}
    .charaimg {
        width:295px;
        margin-left:2.55px;
        margin-top:5px;
}
.statdiv {
    width:430px;
    height:175px;
    margin-top:-402px;
    margin-left:301px;
}
    .statdiv p {
        width:415px;
        margin-left:5px;
}
    .statdiv ruby {
        margin-top:-2px;
        margin-left:5px;
    }
.pwrdiv {
    width:430px;
    height:224px;
    margin-left:301px;
}
	.pwrdiv p {
        width:405px;
		margin-left:10px;
	}
    .pwrdiv ruby {
        margin-top:-2px;
        margin-left:5px;
}
.biodiv {
    width:731px;
    height:300px;
    margin-top:-0.5px;
    border-top-width:0;
}
	.biodiv p {
		width:705px;
		margin-left:10px;
	}
    .biodiv ruby {
        margin-top:-2px;
        margin-left:5px;
    }
.report {
    width:650px;
    margin-left:30px;
}
    .report p {
    margin-left:10px;
    margin-right: 10px;
    width:630px;
}
/*Not applicable
.arccheck {
	font-size:15px;
	margin-left:calc(45% - 347.5px);
}
.storycheck {font-size:15px;
	width:275px;
	margin-top:50px;
	margin-left:calc(55% - 247.5px);
}
    .scroll li p {
        width:700px;
}
.arrowleft {
    margin-left:50px;
    margin-right:-10px;
    margin-bottom:20px;
}
.arrowright {
    margin-left:50px;
    margin-right:-200px;
    margin-bottom:20px;
}*/
}