* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-y: scroll; /* Kaydırma aktif */
}

.background {
    background-image: url('bg.jpg'); /* Görsel yolu */
    background-size: cover; /* Görselin tam genişliğe oturmasını sağlar */
    background-position: center top; /* Görselin tam merkezden hizalanmasını sağlar */
    background-repeat: no-repeat; /* Görselin tekrar etmesini engeller */
    width: 100%;
    height: 500vh; /* Sayfanın kaydırılabilmesi için yüksekliği artırılır */
}




/* Mobil Tarayıcı Yüksekliği Düzeltmesi */
@media (max-height: 700px) {
    .background {
        height: calc(var(--vh, 1vh) * 100); /* Mobil tarayıcı yüksekliğini düzeltir */
    }
}