body { xfont-size:2rem }
.area { max-width:500px; min-width:320px; margin:0 auto;}
.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.footer {
	bottom:0;
	position:fixed;
	width:100%;
}
main {
	padding-top:90px;
	padding-bottom:70px;
	overflow-y:scroll;
	background: #efefef;
}
main::-webkit-scrollbar { display:none; }
main {-ms-overflow-style:none; scrollbar-width:none; }

.bot-text {font-size:0.65rem; font-weight:bold; display:block; margin-top:0px}
.bayang {box-shadow:0px 1px 5px #999}
.navi-bar {color:#000;}
.card-link {text-decoration:none; color:#000}
.card-link a, .card-link:hover, .card-link:visited {text-decoration:none; color:#000}
.card:hover {box-shadow:0px 1px 7px #777;}
.label-ikon {margin-top:10px; line-height:1em; xfont-size:100%;}
@font-face { font-family: "LPMQ"; src: url('lpmq_isep_misbah.ttf'); }
@font-face { font-family: "Saleem"; src: url('PDMS_Saleem_QuranFontQEShip.ttf'); }
@font-face { font-family: "Majeed"; src: url('alqalam_majeed.ttf'); }
@font-face { font-family: "UTN"; src: url('uthman_taha_naskh.otf'); }
@font-face { font-family: "SNR"; src: url('ScheherazadeNew-Regular.ttf'); }
@font-face { font-family: "USR"; src: url('reg4-edit.ttf'); }
@font-face { font-family: "ATS"; src: url('ArabicTypesetting2.ttf'); }
@font-face { font-family: "BUSH"; src: url('BHC-UthmanicScriptHAFS.ttf'); }
@font-face { font-family: "A1"; src: url('_AmiriQuran.ttf'); }
@font-face { font-family: "A2"; src: url('_ScheherazadeNew.ttf'); }
@font-face { font-family: "A3"; src: url('_UthmanicHafs1Ver13.ttf'); }
@font-face { font-family: "A4"; src: url('_UthmanicHafs_V20.ttf'); }

.arab-judul {font-family:"Majeed"; font-size:35px; line-height:175%}
.arab-konten {font-family:"LPMQ"; font-weight:400; font-size:35px; line-height:2.3em; text-align:right;}
.arab-jeda {font-family:"LPMQ"; font-size:35px; line-height:2.3em; text-align:right;}
.arti {line-height:100%; font-style:italic; }
.arab-header {font-family:"Majeed"; font-size:30px; line-height:100%}
header, footer {max-width:500px; min-width:320px; margin:0 auto;}
.header-bayang {box-shadow:0px 0px 10px #777;}
.header-judul {font-size:1.5rem; font-weight:bold;}
.ikon-bawah {font-size:1.25rem;}
.ikon-atas {font-size:1.5rem;}
#scrollerAtas {top:0; transition: top 0.75s;}
#scrollerBawah {bottom:0; transition: bottom 0.75s;}