/* Header */
h1.logo, h2.logo {margin:0px auto;}
h1.logo a, h2.logo a{display:block;font-size:6vw;}
h1.logo img, h2.logo img {-webkit-filter: drop-shadow(5px 5px 5px #ffffff);
    filter: drop-shadow(5px 5px 5px #ffffff);}
    nav {bottom:0px;width:100%;background-color: #0000009e;position: absolute;}
    nav ul {text-align:center;display: block;
        list-style-type: disc;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;}
        nav li {list-style: none;display:inline-block;}
        nav li a{font-weight:bold;display: block;
            color: #fff;
            padding: 6px 7px;font-size:18px;}
        nav li a:hover {background-color:#fff;color:#000;transition-duration: 0.5s;}
/* Genel Tanımlamalar */
body {margin:0px;font-family:system-ui;}
a {text-decoration:none;}
header {position:relative;background-image: url(img/kapak.jpg);width:100%;height:420px;display:flex;align-items: center;background-size: cover;background-position:top;}
/* İçerik */
.icerik {min-height:1000px;text-align:center;max-width:1000px;width:100%;display:inline-block;}
.postbol {padding: 0px 5px;
    min-height: 1000px;
    max-width: 1000px;
    width: 100%;
    display: inline-block;}
    .postbol img {max-width: 600px;height: auto;margin: 0px auto;display: block;width: 89%;}
.yazibaslik {text-align: center;}
.post {background-color: beige;position:relative;height:325px;text-align: center;display:inline-table;max-width:300px;width:100%;margin:10px;border:1px solid #a1a1a1}
.post img {display:block;max-width:300px;width:100%;height: 168.78px;}
.post h2 {margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 16px;
    color: #3f418c;
    background-color: #ffdce6;}
.post p{float:left;margin-block-start: 0px;
    background-color: beige;
    font-size: smaller;margin-block-end: 0em;}
    .bilgi {top:0px;position:absolute;width:100%;display:block;}
    span.tarih {background-color: #0000009e;
        color: #fff;
        padding: 2px 5px;
        display: inline-block;
        border-radius: 10px 0px;}
.bolum {
    background-color: #d6cdce;
    color: #b66c98;
    border-radius: 10px;
    padding: 3px 0px;
    font-size: x-large;
    font-family: cursive;
    max-width: 322px;
    margin: 10px auto;
    width: 100%;}


.sayfalama {
    font-size: 20px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    font-family: monospace;
}
table.sayfalamatablo {width:100%;table-layout: fixed;}
table.sayfalamatablo td {width:33%;font-size:30px;border:none;}

.sayfalama a {color:#774817;font-family:monospace;display:inline-block;}

.basa a, .sona a{font-size:30px;font-weight:bold;}

/* Aside */
aside {display:block;float:right;padding:5px;max-width:340px;width:100%;}
.baskan {margin:0 auto; text-align: center;display:none;}
.baskan img {width:300px;}
.link {margin-top:15px;border-top:1px solid #000;}
.link ul{padding-top:20px;text-align:center;display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;}
.link ul li {margin:8px;display: inline-block;list-style: none;}
.link ul li a{color:#774817;}
.link ul li a figure {margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}
/* Footer */
footer {display:inline-block;background-color: #3f418c;width:100%;}
.iletisim, .kurumlar, .mudurluk, .osbler, .belediye { display:block;padding: 10px;
    margin: 25px auto;
    background-color: #00000059;
    width: 285px;
    font-family: "Helvetica";
    font-size: 16px;
    border-radius: 10px;}
    .osbadres{color:#fff;}
    .iletisim p.ileti{color:#ec7878;    border-bottom: 1px solid #ffffff;
        text-align: center;
        font-size: 20px;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
        .iletisim div p{color:#6cd3b3;float:left;margin:0px;}
        .iletisim div{padding-top:10px;}
        .iletisim div img{float:left;margin-right:3px;}
        .iletisim a{font-size:16px;color:#84b3ff;}
        .iletisim a:hover{color:#fff;}
        .kurumlar p,.mudurluk p, .osbler p, .belediye p{border-bottom: 1px solid #ffffff;
            text-align: center;
            font-size: 20px;
            color: #ffffff;
            margin-bottom:10px;
            margin-block-start: 0em;
            margin-block-end: 0em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }
        .iletisim li, .kurumlar li, .mudurluk li, .osbler li, .belediye li {padding: 5px 0px;}
        .iletisim li, .kurumlar li, .mudurluk li, .osbler li, .belediye li {padding: 5px 0px;}
        .iletisim li::before, .kurumlar li::before, .mudurluk li::before, .osbler li::before, .belediye li::before {  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
            color: #bfff00; /* Change the color */
            font-weight: bold; /* If you want it to be bold */
            display: inline-block; /* Needed to add space between the bullet and the text */
            width: 1em; /* Also needed for space (tweak if needed) */
            margin-left: -1em; /* Also needed for space (tweak if needed) */}
        .kurumlar a, .mudurluk a, .osbler a, .belediye a{color:#ffffff;}
        .kurumlar a:hover, .mudurluk a:hover, .osbler a:hover, .belediye a:hover{transition:0.3s;color:red;}
.afo {opacity: 0.7;
margin-right: 3px;
float: right;
height: 20px;
width: 100%;}
.afo a {float:ffffff47;float:right;}

td {border:1px solid #000;}