body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-image: url('1.png'); /* Arka plan resmi buraya eklenecek */
    background-size: cover;
    color: white; /* Varsayılan yazı rengi */
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Sayfa yüksekliği en az görünüm yüksekliği kadar */
}

.container {
    display: flex; /* Yan yana yerleştirmek için flex kullanıyoruz */
    justify-content: center; /* Ortaya hizalama */
    padding: 50px;
}

a {
    text-decoration: none; /* Linkin altını çizme */
}

h1, h2 {
    margin: 0 0px; /* Başlıklar arasında boşluk */
    padding: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Yazı gölgesi */
    background-color: rgba(69, 69, 69, 0.8); /* Gri arka plan rengi */
    border-radius: 5px; /* Köşeleri yuvarlatmak için */
    font-family: Arial, sans-serif; /* Yazı tipi */
    font-size: 17px; /* Yazı boyutu */
    color: white; /* Yazı rengi */
}

h1:hover, h2:hover {
    background-color: rgba(150, 150, 150, 0.7); /* Üzerine gelindiğinde arka plan rengi değişimi */
}

.footer {
    text-align: center; /* Yazıyı ortalamak için */
    font-size: 12px; /* Yazı boyutu */
    margin-top: auto; /* Üstten boşluk */
}

.footer p {
    margin: 10px 0; /* Paragraf boşluğu */
    color: black; /* Tüm haklar yazısı rengi siyah */
}

.footer a {
    margin: 0 10px; /* Bağlantılar arasında boşluk */
    color: black; /* Bağlantı rengi siyah */
    font-weight: bold; /* Yazı kalınlığı */
}

.footer a:hover {
    text-decoration: underline; /* Üzerine gelindiğinde altı çizili yap */
}