/* Genel Ayarlar */
html, body {
    margin: 0; /* Tarayıcı boşluklarını kaldır */
    padding: 0; /* İç boşlukları sıfırla */
    font-family: Arial, sans-serif; /* Varsayılan yazı tipi */
    line-height: 1.6; /* Satır yüksekliği */
    background-color: #ffffff; /* Sayfa arka plan rengi */
    box-sizing: border-box; /* Padding ve border'ı genişlik hesaplamasına dahil et */
    overflow-x: hidden; /* Yatay kaydırmayı engeller */
    color: black; /* Varsayılan metin rengi */
}

/* Genel İçerik Alanı */
.container {
    width: 90%; /* Varsayılan genişlik */
    max-width: 1200px; /* Maksimum genişlik */
    margin: auto; /* Ortala */
    padding: 20px; /* İç kenar boşluğu */
    overflow: hidden; /* İçerik taşmasını engeller */
}

/* Genel Kutucuk Stili */
.box {
    background-color: #f4f4f4; /* Hafif gri arka plan */
    border: 1px solid #ddd; /* Geçici kenarlık */
    border-radius: 5px; /* Köşeleri yuvarlat */
    padding: 10px;
    text-align: center;
}

/* Header ve Footer gibi genel alanlar için boşluk ayarları */
header, footer {
    width: 100%; /* Tam genişlik */
    padding: 10px 20px; /* İç kenar boşlukları */
    margin: 0; /* Dış boşlukları sıfırla */
    background-color: #111827; /* Koyu arka plan */
    color: white; /* Metin rengi */
    text-align: center; /* Ortala */
}