body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

h1 {
    color: #333;
} 
/* Bağlantıyı Ortalamak İçin Kapsayıcı Div'e Stil Veriyoruz */
.sifre-sifirla-alani {
    /* İçindeki öğeleri (yani bağlantıyı) yatayda ortalar */
    text-align: center;
    
    /* İsteğe bağlı: Üst ve alttan biraz boşluk bırakır */
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Bağlantı Metnini Küçültmek İçin Stil Veriyoruz */
.sifre-sifirla-linki {
    /* Yazı tipi boyutunu 14 piksel yaparak küçültür. 
       Gerekiyorsa 12px veya 13px de yapabilirsiniz. */
    font-size: 14px; 
    
    /* Gerekli diğer stiller (Mavi renk, alt çizgisiz vb.) */
    color: #007bff; 
    text-decoration: none; 
}/* Bağlantıyı Ortalamak İçin Kapsayıcı Div'e Stil Veriyoruz */
.duyurular-alani {
    /* İçindeki öğeleri (yani bağlantıyı) yatayda ortalar */
    text-align: center;
    
    /* Üstten biraz boşluk bırakarak telif hakkı yazısından ayırır */
    margin-top: 10px; 
    
    /* Alttan da biraz boşluk ekleyelim */
    margin-bottom: 20px;
}

/* Bağlantı Metnini Küçültmek ve Biçimlendirmek İçin Stil Veriyoruz */
.duyurular-linki {
    /* Yazı tipi boyutunu ayarlar (Şifre sıfırlama linkiyle aynı yapabiliriz) */
    font-size: 14px; 
    
    /* Mavi renk ve alt çizgisiz yapar */
    color: #007bff; 
    text-decoration: none; 
}

/* Fare üzerine geldiğinde (hover) stili */
.duyurular-linki:hover {
    /* Fare üzerine gelince altı çizili olsun */
    text-decoration: underline; 
}