:root {
    --red: #dc5a4d;
    --dark: #0d1927;
}

@font-face {
    font-family: "risale_regular";
    src: url("/fonts/_RisaleiNur-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Hanzala";
    src: url("/fonts/hanzala.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "KuranKerimFontHamdullah";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/KuranKerimFontHamdullah.ttf") format("truetype");
}

@font-face {
    font-family: "wingdingsfont";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/wingding.ttf") format("truetype");
}

.ArabiKirmiziKalin {
    font-family: "KuranKerimFontHamdullah", serif;
    color: var(--red);
    font-weight: bold;
}
.Latince {

}

.HanzalaArabi {
    font-family: "Hanzala", serif;
}
.arabikelime{
    direction: rtl;
    font-family: "Hanzala", serif;
    font-size: 30px;
}
.osm {
    direction: rtl;
    margin-top: 10px;
    font-size: 30px;
    font-family: "risale_regular";
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.osmtable {
    font-size: 23px;
    font-family: "risale_regular";
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* todo
.Shaikh Hamdullah Mushaf-15,5-0-0-0{}
.Shaikh Hamdullah Mushaf-22,5-0-6-0{}
.Shaikh Hamdullah Mushaf-22,5-0-1-0{}
.Shaikh Hamdullah Mushaf-15,5-0-6-0{}
.Shaikh Hamdullah Mushaf-15,5--1-6-0{}
*/

.LatinceKirmiziKalinUstSimge {
    font-family: sans-serif;
    color: var(--red);
    font-weight: bold;
    vertical-align: super;
}

.LatinceKirmiziUstSimge {
    font-family: sans-serif;
    color: var(--red);
    vertical-align: super;
}

.OsmanlicaStandartKirmiziKalin {
    font-family: "risale_regular", serif;
    color: var(--red);
    font-weight: bold;
}

.OsmanlicaStandartUstSimge {
    font-family: "risale_regular", serif;
    vertical-align: super;
}

.OsmanlicaStandartKalinUstSimge {
    font-family: "risale_regular", serif;
    font-weight: bold;
    vertical-align: super;
}

.ArabiKirmiziKalinUstSimge {
    font-family: "KuranKerimFontHamdullah", serif;
    color: var(--red);
    font-weight: bold;
    vertical-align: super;
}

.LatinceUstSimge {
    font-family: sans-serif;
    vertical-align: super;
}

.LatinceKalin {
    font-family: sans-serif;
    font-weight: bold;
}

.LatinceKalinUstSimge {
    font-family: sans-serif;
    font-weight: bold;
    vertical-align: super;
}

.OsmanlicaStandartKirmiziKalinUstSimge {
    font-family: "risale_regular", serif;
    color: var(--red);
    font-weight: bold;
    vertical-align: super;
}

.ArabiKalinUstSimge {
    font-family: "KuranKerimFontHamdullah", serif;
    font-weight: bold;
    vertical-align: super;
}

.Latince {
    font-family: sans-serif;
}

.Arabi {
    font-family: "KuranKerimFontHamdullah", serif;
}

.LatinceKirmiziKalin {
    font-family: sans-serif;
    color: var(--red);
    font-weight: bold;
}

.HanzalaArabiKirmiziKalin {
    font-family: "risale_regular", serif;
    color: var(--red);
    font-weight: bold;
}

.OsmanlicaStandartKirmizi {
    font-family: "risale_regular", serif;
    color: var(--red);
}

.OsmanlicaStandartKirmiziUstSimge {
    font-family: "risale_regular", serif;
    color: var(--red);
    vertical-align: super;
}

.OsmanlicaStandartKalin {
    font-family: "risale_regular", serif;
    font-weight: bold;
}

.ArabiKalin {
    font-family: "KuranKerimFontHamdullah", serif;
    font-weight: bold;
}

.HanzalaArabiKalinUstSimge {
    font-family: "risale_regular", serif;
    font-weight: bold;
    vertical-align: super;
}

.ArabiKirmiziUstSimge {
    font-family: "KuranKerimFontHamdullah", serif;
    color: var(--red);
    vertical-align: super;
}

.LatinceKirmizi {
    font-family: sans-serif;
    color: var(--red);
}

.OsmanlicaStandart {
    font-family: "risale_regular", serif;
}

.HanzalaArabiKirmizi {
    font-family: "risale_regular", serif;
    color: var(--red);
}

.Wingdings {
    font-family: "wingdingsfont", serif;
    font-size: 16px;
    font-weight: bold;
}

.ArabiKirmizi {
    font-family: "KuranKerimFontHamdullah", serif;
    color: var(--red);
}

.ArabiUstSimge {
    font-family: "KuranKerimFontHamdullah", serif;
    vertical-align: super;
}

.yeni-satir {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}


.tooltipClass {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltipClass .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: gray;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipClass:hover .tooltiptext {
    visibility: visible;
}
body{
    font-size: 30px;
}