.chapter article img:not(.next):not(.prev):not(.close), video {
    display:block;
    margin:auto;
    width:80%;
}
.chapter .author {
    color:#b3b3b3;
    font-size:.7em;
    margin-left:1em;
}
.chapter .author::before {
    content:'—';
    color:inherit;
    font-size:inherit;
}
.chapter article {
    text-align:justify;
}
img.next,img.prev {
    height:2em;
    position:absolute;
    cursor:pointer;
}
img.left {
    left:0;
    transform:translateY(-50%);
    top:50%;
}
img.right {
    right:0;
    transform:translateY(-50%);
    top:50%;
}
.chapter article pre {text-align:left;}
.chapter article p {text-align:justify;}
.chapter article.fade {
    opacity:0;
}
.chapter article.active {
    opacity:1;
}
.chapter article {
    z-index:0;
    position:absolute;
    width:100%;height:100%;
    transition-property:left,right,top,bottom,opacity;
    transition-duration:.6s;
    padding:0 3em;
    background:inherit;
}
.chapter article.fromRight {left:100%;}
.chapter article.fromRight.active {left:0;}
.chapter article.fromLeft {right:100%;}
.chapter article.fromLeft.active {right:0;}
.chapter article.fromTop {bottom:100%;}
.chapter article.fromTop.active {bottom:0;}
.chapter article.fromBottom {top:100%;}
.chapter article.fromBottom.active {top:0;}

.chapter article {
    overflow-y:auto;
}

#content .chapter {
    position:absolute;
    width:95%;height:95%;
    top:2.5%; left:2.5%;
    background:#1e1f33;
    z-index:0;
    border-radius:10px;
    box-shadow:-6px 9px 6px #333;
    opacity:0;
    transition:opacity .4s;
    overflow-x:hidden;
    overflow-y:hidden;
}
#content .chapter.active {
    opacity:1;
}
#content .chapter .close {
    z-index:1;
    position:absolute;
    top:0; right:1.25rem;
    cursor:pointer;
}
figure figcaption {
    font-size:.8em;
    font-style:italic;
    text-align:center;
}
p,ul,ol,blockquote{ margin-bottom:1.5em;font-size:1em; }
a{ color:#f43a3a; }
.chapter article b[data-lex] { color:#f43a3a;text-decoration:underline;cursor:pointer; }
.note {
    width:100%;
    height:100%;
    position:absolute;
    left:0;top:0;
    background:rgba(0,0,0,0.8);
    cursor:pointer;
}
.note span {
    position:absolute;
    width:40%;
    left:50;top:50%;
    transform:translateX(-50%) translateY(-50%);
    background:#eaeaea;
    border:2px solid #181818;
    color:#121212;
    font-size:.8em;
    padding:.5em 1em;
}
ul,ol{ margin-left:40px; }
ul span.title,ol span.title{ list-style:none;font-weight:bold;font-size:1.125em; }
ul{ list-style:circle inside;overflow:hidden; }
ul ul{ list-style:disc inside;margin-bottom:0; }
ol{ list-style:decimal inside;overflow:hidden; }
ol ol{ list-style:lower-roman inside;margin-bottom:0; }
strong{ color:#333;font-weight:bold; }
h1 {
    color:#bc3232;
    text-transform:uppercase;
}
h3 {
    color:#77bc32;
}
button {
    height:5rem;
    line-height:1em;
    width:20rem;
    background:url('../assets/images/button.png');
    background-size:contain;
    border:none;
    outline:none;
    cursor:pointer;
    font-family:'Selfica Regular';
    font-weight:bold;
    font-size:2.2rem;
    color:#212121;
    text-transform:uppercase;
}
button:hover {
    color:#b50f42;
}
blockquote{
    display:block;
    font-style:italic;
    overflow:hidden;
    position:relative;
}
blockquote span {
    font-weight:normal;
    display:inline-block;
}
blockquote p::before{content:'\"';width:auto;margin-right:5px;}
blockquote p::after{content:'\"';width:auto;margin-left:5px;}
blockquote p,blockquote em{ margin-bottom:0; }
blockquote em{
    display:block;
    text-align:right;
    font-family:inherit,"PT Sans",Arial,Helvetica,sans-serif;
    font-style:normal;
}
blockquote em::before{content:'—';}