@import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Bitter:ital,wght@0,100..900;1,100..900&family=Cinzel+Decorative:wght@400;700;900&family=Great+Vibes&family=Indie+Flower&family=Kaushan+Script&family=Merienda:wght@300..900&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Reenie+Beanie&family=Rubik+Vinyl&display=swap');
*{
    user-select: none;
}

body{
    background-color: #000000 !important;
    background-image: url("https://transparenttextures.com/patterns/buried.png") !important;
}

.navdar{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.navdar-head{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.navdar h1{
    color: white;
    font-size: 80px;
    margin: 20px 0;
    font-family: "Merienda", serif;
}

.navdar h4{
    color: white;
    background-color: rgba(245, 222, 179, 0.12);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.navdar #navdarlistekapat{
    display: none;
}

.navdars{
    width: 95%;
    display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.navdars .navdarbox{
    width: 150px;
    height: 200px;
    margin: 10px 0;
    background-size: 150px;
    transition: 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 10px;
    background-repeat: no-repeat;
}

.navdars .navdarbox .borderbox{
    border-radius: 10px;
    border: 2px solid white;
    width: 90%;
    height: 90%;
    position: relative;
    opacity: 0;
    transition: 0.5s;
}

.navdars .navdarbox h3{
    color: white;
    position: absolute;
    bottom: 30px;
    font-size: 150%;
    text-shadow: 4px 4px 7px rgba(0,0,0,0.6);
    font-family: "Merienda", serif;
}

.navdarbox:hover{
background-size: 300px !important;
background-position: left !important;
-webkit-box-shadow: inset 4px -8px 86px 33px rgba(0,0,0,0.75);
-moz-box-shadow: inset 4px -8px 86px 33px rgba(0,0,0,0.75);
box-shadow: inset 4px -8px 86px 33px rgba(0,0,0,0.75);
}

.navdarbox:hover .borderbox{
    opacity: 1;
}

#navdars-liste{
    display: none;
    flex-direction: column;
    width: 80%;
    margin: 20px auto;
    background: #fdf6e3;
    border: 2px solid #c4a484;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    text-align: left;
}
#navdars-liste li {
    list-style-type: none;
    padding: 8px 0;
    border-bottom: 1px solid #c4a484;
    font-size: 18px;
}

#navdars-liste li:last-child {
    border-bottom: none;
}

#navdars-liste a {
    text-decoration: none;
    color: #6b4226;
    font-weight: bold;
    display: block;
}

#navdars-liste a:hover {
    text-decoration: underline;
    color: #8b5a2b;
}

@media (max-width:484px){
    .navdar h1{
        font-size: 50px;
    }
    .navdars .navdarbox{
        width: 100px;
        height: 150px;
        margin: 10px 0;
        background-size: 100px; 
    }
    
    .navdars .navdarbox h3{
        bottom: 30px;
        font-size: 90%;
    }
    .navdars{
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    .navdar h4{
        font-size: 15px;
    }
    
    }
    
    @media (max-width:305px){
    .navdar h1{
            font-size: 30px;
        }
    .navdar h4{
        font-size: 12px;
    }
    
    }


/* Fotos */

.navdars #selahaddin-eyyubi{
    background-image: url(image/selahaddin1.jpeg);
}
.navdars #Ayse-san{
    background-image: url(image/ayse.jpg);
}
.navdars #Seyh-said{
    background-image: url(image/seyhsaid.jpg);
}

.navdars #Qazi-muhammed{
    background-image: url(image/kadimuhammed1.jpg);
}

.navdars #Said-nursi{
    background-image: url(image/saidnursi.jpg);
}
.navdars #Seyid-rıza{
    background-image: url(image/seyidriza1.jpg);
}

.navdars #Ahmede-xani{
    background-image: url(image/xani1.jpg);
}
.navdars #Leyla-bedirxan{
    background-image: url(image/leylabedirxan.jpg);
}
.navdars #Cigerxwin{
    background-image: url(image/Cigerxwin.jpg);
}
.navdars #Leyla-Kasim{
    background-image: url(image/leyla.jpg);
}
.navdars #Mihemed-arif-ciziri{
    background-image: url(image/mihemedarifciziri.jpg);
}
.navdars #Musa-anter{
    background-image: url(image/musaanter.jpg);
}
.navdars #Yılmaz-Guney{
    background-image: url(image/yilmazguney.jpg);
}
.navdars #Zekiye-Alkan{
    background-image: url(image/zekiyealkan1.jpg);
}
.navdars #Mazlum-dogan{
    background-image: url(image/mazlumdogan.jpg);
}
.navdars #Mehmet-uzun{
    background-image: url(image/mehmet-uzun.jpg);
}
.navdars #Vedat-aydin{
    background-image: url(image/vedat-aydin.jpg);
}
.navdars #Ferit-uzun{
    background-image: url(image/ferit-uzun.jpg);
}

.navdars #Mihemed-sexo{
    background-image: url(image/mihemed-sexo.jpg);
}

.navdars #Orhan-Kotan{
    background-image: url(image/orhan-kotan.jpg);
}

.navdars #Meryem-xan{
    background-image: url(image/meryem-xan.jpg);
}

.navdars #Necmettin-Buyukkaya{
    background-image: url(image/Necmettinbuyukkaya.jpg);
}

.navdars #Tehsin-Teha{
    background-image: url(image/tehsinteha.jpg);
}

.navdars #Hemres-reso{
    background-image: url(image/hemres-reso.jpg);
}

.navdars #Siddik-seref{
    background-image: url(image/siddik.jpg);
}

.navdars #Dr-Sivan{
    background-image: url(image/sivan1.jpg);
}

.navdars #Ordixane-celil{
    background-image: url(image/ordixane-celil.jpg);
}

.navdars #Sami-abdurrahman{
    background-image: url(image/samiabdurrahman.jpg);
}

.navdars #Sakire-xudo{
    background-image: url(image/sakirexudo.jpg);
}

.navdars #Ebdurahman-Qasimlo{
    background-image: url(image/ewdirhman.jpg);
}.navdars #Edip-Karahan{
    background-image: url(image/Edip_karahan.jpg);
}.navdars #Feqi-Huseyin{
    background-image: url(image/feqihuseyin.jpg);
}.navdars #Kemal-Badilli{
    background-image: url(image/kemalbad.jpg);
}

.navdars #Sait-Elci{
    background-image: url(image/saidelci.jpg);
}.navdars #Faik-bucak{
    background-image: url(image/faikbucak.jpg);
}.navdars #Ziya-serefxanoglu{
    background-image: url(image/ziyaserefxan.jpg);
}.navdars #Hejar{
    background-image: url(image/hejar.jpg);
}.navdars #Nuredin-Zaza{
    background-image: url(image/nuredinzaza.jpg);
}.navdars #Ebdulrezak-bedirxan{
    background-image: url(image/abdurrrezak.jpg);
}.navdars #Qedrican{
    background-image: url(image/qedrican.jpg);
}.navdars #Abdullah-goran{
    background-image: url(image/goran.jpg);
}.navdars #İbrahim-ahmed{
    background-image: url(image/ibrahimehmed.png);
}.navdars #Mustafa-Remzi-Bucak{
    background-image: url(image/mustafaremzi-bucak.jpg);
}.navdars #Rewsan-bedirxan{
    background-image: url(image/revsan-bedirxan.jpg);
}.navdars #Qanate-kurdo{
    background-image: url(image/qanate-kurdo.jpg);
}.navdars #Heciye-Cindi{
    background-image: url(image/heciye-cindi.jpg);
}.navdars #Hesen-Hisyar{
    background-image: url(image/hesenhisyar.jpg);
}.navdars #Osman-sebri{
    background-image: url(image/osman-sebri.jpg);
}.navdars #Seg-fegri{
    background-image: url(image/sexfexri.jpg);
}.navdars #Encum-yamulki{
    background-image: url(image/encum-yamulki\ kopyası.jpg);
}.navdars #Erebe-semo{
    background-image: url(image/erebesemo.jpeg);
}.navdars #Seg-evdirrehim{
    background-image: url(image/sex-evdirrehim.jpg);
}.navdars #mustafa-Barzani{
    background-image: url(image/barzani.jpg);
}.navdars #Kamiran-ali-bedirhan{
    background-image: url(image/kamiran-ali.jpg);
}.navdars #Sex-ahmed-barzani{
    background-image: url(image/sex-ahmed-barzani.jpg);
}.navdars #Yado{
    background-image: url(image/yado1.jpg);
}.navdars #İsmail-hakki-saves{
    background-image: url(image/ismail-hakki.jpg);
}
.navdars #İhsan-Nuri-Pasa{
    background-image: url(image/ihsan-nuri.jpg);
}
.navdars #Mir-celadet-ali-bedirxan{
    background-image: url(image/mir-celadet.jpg);
}
.navdars #Huseyin-Huzni-Mukriyan{
    background-image: url(image/huzni.jpg);
}
.navdars #Hemzeye-mıksi{
    background-image: url(image/hemze-miksi.jpg);
}
.navdars #Tewfik-Wehbi{
    background-image: url(image/tewfikvehbi.jpg);
}
.navdars #Kadri-Cemilpasa{
    background-image: url(image/kadri-cemlpasa.jpg);
}
.navdars #Kemal-Fewzi{
    background-image: url(image/kemalfewzi.jpg);
}
.navdars #Fehmi-Bilal{
    background-image: url(image/fehmi-bilal.jpg);
}
.navdars #Dr-fuat{
    background-image: url(image/dr-fuat.jpg);
}
.navdars #Yusuf-Ziya-beg{
    background-image: url(image/yusuf-ziya.jpg);
}
.navdars #Hefse-Xan-neqib{
    background-image: url(image/hefse-xan.jpg);
}
.navdars #Ekrem-Cemilpasa{
    background-image: url(image/ekrem-cemil.jpeg);
}
.navdars #Dr-Nuri-dersim{
    background-image: url(image/nuri-dersim.jpeg);
}
.navdars #Aliser{
    background-image: url(image/aliser.jpg);
}
.navdars #Cibranlı-halid-bey{
    background-image: url(image/cibranlı\ halit.jpg);
}
.navdars #Seg-Mahmud-barzani{
    background-image: url(image/mahmudberzeni.jpg);
}
.navdars #Memduh-selim{
    background-image: url(image/memduh-seilm.jpg);
}
.navdars #M-Emin-Zeki-Beg{
    background-image: url(image/m-emin-zeki-beg.jpg);
}
.navdars #Seg-Evdilselam-barzani{
    background-image: url(image/evdilselam.jpg);
}
.navdars #Mevlanzade-Rifat{
    background-image: url(image/mevlanzade-rifat.jpg);
}
.navdars #Mikdat-mithat{
    background-image: url(image/miqdat.jpg);
}.navdars #Simko-sikak{
    background-image: url(image/simko-sikak.jpg);
}.navdars #Abdulla-Cevdet{
    background-image: url(image/abdula-cevdet.jpg);
}.navdars #Salih-bege-hene{
    background-image: url(image/salihbeg.jpg);
}.navdars #Piremerd{
    background-image: url(image/piremerd.jpg);
}.navdars #Ehmede-xasi{
    background-image: url(image/ehmedexasi.jpg);
}.navdars #Serif-pasa{
    background-image: url(image/serif-pasa.jpg);
}.navdars #Eliye-unis{
    background-image: url(image/eliyeunis.jpeg);
}.navdars #Adile-xan{
    background-image: url(image/adile-xan.jpg);
}.navdars #Yunis-dildar{
    background-image: url(image/yunis-dildar.jpg);
}.navdars #Seg-Evdirhman-Axtepi{
    background-image: url(image/seg-evdirhman-aktepi.jpg);
}.navdars #Evdale-zeynike{
    background-image: url(image/evdalezeynike.jpg);
}.navdars #Usman-efendiye-babij{
    background-image: url(image/usman-efendi-babij.jpeg);
}.navdars #Emin-ali-bedirxan{
    background-image: url(image/emin-ali-bedirxan.jpg);
}.navdars #Seyid-Abdulkadir{
    background-image: url(image/seyid-abdulkadir.jpg);
}.navdars #Seg-ubeydullah{
    background-image: url(image/ubeydullah.jpg);
}.navdars #Haci-kadir-koyi{
    background-image: url(image/haci-kadir-koyi.jpg);
}.navdars #Mewlewiye-tevgozi{
    background-image: url(image/mewlewi-tewgozi.jpg);
}.navdars #Mahseref-xan{
    background-image: url(image/masture-erdelan.jpg);
}.navdars #Mir-Bedirxan{
    background-image: url(image/mirbedirxan.jpg);
}.navdars #Nali{
    background-image: url(image/nali.jpg);
}
.navdars #Mir-Muhammed-revandizi{
    background-image: url(image/revandiz1.jpeg);
}.navdars #Mewlana-xalid{
    background-image: url(image/mevlana1.jpeg);
}
.navdars #Babanli-abdurahman-pasa{
    background-image: url(image/baban1.jpeg);
}
.navdars #Melaye-ciziri{
    background-image: url(image/melaye-ciziri.jpg);
}
.navdars #Feqiye-Teyran{
    background-image: url(image/feqiye-teyran0.jpg);
}
.navdars #Serefxan-bitlisi{
    background-image: url(image/serefxan-bitlis.jpg);
}
.navdars #Ali-hariri{
    background-image: url(image/alihariri.jpeg);
}.navdars #Melaye-bate{
    background-image: url(image/melayebate1.jpeg);
}.navdars #Ebu-el-cezeri{
    background-image: url(image/elcezeri-0.jpg);
}.navdars #Nasiruddevle{
    background-image: url(image/nasiruddevle.jpg);
}.navdars #Baba-tahir{
    background-image: url(image/baba-tahir.jpg);
}.navdars #Ebu-hanife-dinevari{
    background-image: url(image/hanife-dinevari.jpg);
}