html, body {
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    background-image: url(../images/doha.jpg);
    background-size: cover; /* Resmi ekran boyutuna sığdırmak için */
    background-position: center; /* Resmi sayfa merkezine yerleştirin */
    background-attachment: fixed; /* Arka planın sabit kalmasını sağlayın */
    height: 100vh; /* Sayfanın tamamını kaplaması için */
    display: flex; /* İçerik dikey olarak hizalanacak */
    justify-content: center; /* İçeriği yatay olarak ortalamak için */
    align-items: center; /* İçeriği dikey olarak ortalamak için */
}
body::after {
    content: "";
    background: rgba(61, 61, 61, 0.86); /* Siyah rengin %50 opaklıkla transparan overlay oluşturun */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Overlay'in body içinde diğer öğelerin önüne geçmesini sağlayın */
}
.content {
    position: relative; /* İçeriği overlay üzerine yerleştirmek için */
    z-index: 2; /* İçeriği overlay'in önüne almak için */
    color: white; /* İçeriğin rengini belirleyin */
    text-align: center; /* İçeriği ortalamak için */
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    color: white;
    z-index: 3;
}