/** Font definitions **/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

@font-face {
    font-family: 'Uthmani';
    src: url("https://cdn.alquran.cloud/public/fonts/me_quran_2.ttf") format("truetype");
}

@font-face {
    font-family: 'IranNastaliq';
    src: url("/fonts/IranNastaliq.ttf") format("truetype");
}

.en, .fr, .de {
    font-family: 'Playfair Display', serif;
}

.ar {
    font-family: 'Uthmani', serif;
    font-size: 150%;
}

.fa {
    font-family: 'IranNastaliq', serif;
    font-size: 150%;
}
/** Styling **/



.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.quote {
    font-size: 200%;
}

.source {
    color: #81807f;
}

.languageselector {
    position:absolute;
    top:3px;
    right:5%;
    z-index: 1;
}

.gregorianDate {
    position:absolute;
    bottom:3px;
    left:5%;
    z-index: 1;
}

.hijriDate {
    position:absolute;
    bottom:3px;
    right:5%;
    z-index: 1;
}

.aboutLink {
    position:absolute;
    top:3px;
    left:5%;
    color: #ccc;
    z-index: 1;
}

.aboutLink:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.about {
    transform: scale(0.8);
    margin-left: 5%;
    margin-right: 5%;
}
.popup_visible .about {
    transform: scale(1);
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.hidden {
    display: none;
}

.center {
    text-align: center;
}


.closer {
    margin-top: 35px;
}