#container aside{float:left;width:35%;border:3px solid #000;font-family:Stint Ultra Expanded;color:#fff;background:#353839;box-shadow:10px 10px 30px 5px #555}#container aside div.content{margin:0;padding:0}#container aside h2{margin:0;height:1.5em;padding:1em 0 1em 2em;border-bottom:1px dashed #fff;font-size:1.1em;font-weight:700}#container aside h2 img{margin:0 1em 0 0;height:1.5em;vertical-align:bottom}#container aside h2 a.active{cursor:not-allowed;font-style:italic;font-weight:700}#container aside h2 a:not(.active):hover{color:#fff;text-decoration:underline}#container aside div.description{font-family:Raleway;font-style:italic;font-size:1.3em;margin:3em 2em 2em;padding:1em;border:.1em dotted #fff}#container aside ul{margin:3em 2em 2em 3em;list-style-type:none}#container aside ul li{font-size:1.2em;margin:1em 0 0}#container aside ul li a.active{cursor:not-allowed;font-style:italic;font-weight:700}#container aside ul li a.active:after{content:" ✔";font-size:1em;color:beige;margin-left:5px}#container aside ul li a:not(.active):hover{color:#fff;text-decoration:underline}#container aside ul li a.level_1{padding-left:0}#container aside ul li a.level_2{padding-left:2em}#container main cite{font-weight:700;text-decoration:underline;cursor:pointer;position:relative}#container main cite:hover{text-decoration:none}#container main{float:left;width:65%;color:#002147}#container main div.content{margin:0 1em 1em;padding:0 0 0 1em}#container main h1{margin:0 1em 1.5em;font-size:1.3em;font-weight:700;border:3px solid #000;font-family:Stint Ultra Expanded;box-shadow:10px 10px 30px 5px #555;background:#f5f5f5;padding:1em 0 1em 3.5em;position:relative}#container main h1:before{content:"";width:1.5em;height:1.5em;background-size:contain;background-repeat:no-repeat;position:absolute;top:1em;left:1em}#container main h1.journal:before{background-image:url(/black/image/menu/journal.png)}#container main h1.tothereader:before{background-image:url(/black/image/menu/tothereader.png)}#container main h1.manton:before{background-image:url(/black/image/menu/manton.png)}#container main h1.dapublica:before{background-image:url(/black/image/menu/dapublica.png)}#container main h1.dafamilia:before{background-image:url(/black/image/menu/dafamilia.png)}#container main h1.formagpi:before{background-image:url(/black/image/menu/formagpi.png)}#container main h1.covenant:before{background-image:url(/black/image/menu/covenant.png)}#container main h1.suma:before{background-image:url(/black/image/menu/suma.png)}#container main h3,#container main h4,#container main h5,#container main h6{display:none}#container aside cite{font-weight:700;cursor:pointer;text-decoration:underline;position:relative}#container aside cite:hover{text-decoration:none}#container .tooltip{display:none}#container .tooltip{position:absolute;padding:2em;width:40%;height:auto;z-index:9999;background:#fffacd;background:#fffdd0;background:#dfff00;background:#ffffe0;background:#353839;border:1px solid #000;cursor:pointer;color:#fff;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}#container main div.main_content{margin:1em;font-size:1.3em;padding:.3em 0}#container aside .content .description p q{display:block;quotes:none;background:url(/black/image/menu/quote.svg) left top no-repeat;background-size:1.5em;padding-left:2.3em;margin:2em 1em 2em 0;font-size:1.1em}#container main .content p.quote{display:block;background:url(/black/image/menu/quote.svg) left top no-repeat;background-size:1.5em;padding-left:2.3em;margin:2em 1em 2em 0;font-size:.9em;font-style:italic}#container main .content .audio-container{display:flex;gap:2rem}#container main .content .audio-container .audio-box{flex:1}#container main .content .audio-container .audio-box p{font-size:.8em;font-style:italic}