.arka-plan {
    position: relative;
    background: radial-gradient(circle, #0074D9,white); /* Sarmal geçişli mavi-beyaz arka plan */
    color: black; /* Metin rengi siyah */
    display: flex;
    justify-content: center; /* İçeriği yatayda ortala */
    align-items: center; /* İçeriği dikeyde ortala */
    animation: sarmalHareket 10s linear infinite;
}

/* Her ul listesi çerçeve içinde olsun */
ul.category-list {
    border: 2px solid #ccc; /* Çerçevenin kenarlık rengi ve kalınlığı */
    padding: 10px; /* İçerikle çerçeve arasındaki boşluk */
    border-radius: 5px; /* Kenar yuvarlama */
    margin: 10px 0; /* Çerçeveler arasındaki boşluk */
}

@keyframes sarmalHareket {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}