/* ============================================== */
/*          SAYFA DÜZENİ VE STICKY FOOTER         */
/* ============================================== */

html {
    height: 100%;
}

body {
    /* SABİT HEADER İÇİN DÜZELTME */
    /* Header 65px yüksekliğinde olduğu için, body'nin içeriğini
       65px aşağıdan başlatıyoruz. */
    padding-top: 65px;
    box-sizing: border-box; /* Bu, padding'in yüksekliği etkilemesini önler. */
    
    /* STICKY FOOTER KODLARI */
    display: flex;
    flex-direction: column; 
    min-height: 100%;     
    
    /* Standart stil ayarları */
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f9f9f9;
}

main {
    /* Kalan tüm boşluğu doldurarak footer'ı aşağı iter. */
    flex-grow: 1;

    /* İçeriğinizi ortalamak ve genişliğini sınırlamak için */
    width: 100%;
    max-width: 1200px; /* Sitenizin tasarımına göre ayarlayın */
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    box-sizing: border-box;
}

footer {
    width: 100%;
    background-color: #333;
    color: white;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}