/* Genel düzen */
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh; /* Sayfanın minimum yüksekliği */
    }

    main {
        flex: 1; /* İçerik alanı esnek olacak */
    }

    /* Footer stillemesi */
    footer.footer {
        background-color: #343a40; /* Koyu arka plan */
        color: white;
        text-align: center;
        padding: 1rem 0;
        width: 100%;
    }

    /* Mobil cihazlar için özel düzenleme */
    @media (max-width: 768px) {
        footer.footer {
            position: relative; /* Fixed pozisyonu kaldır */
            margin-top: 20px; /* İçerikle footer arasında boşluk bırak */
        }
    }