Characters

Karakter 1

Karakter 1

 Karakter 2

Karakter 2
body { font-family: Arial, sans-serif; background-color: #0a0a0a; /* Koyu tema */ color: #f5f5f5; text-align: center; margin: 0; padding: 20px; } /* Karakter listesi flex ile */ .character-list { display: flex; justify-content: center; flex-wrap: wrap; /* Kartlar sığmazsa alt satıra geçer */ gap: 20px; /* Kartlar arası boşluk */ margin-top: 30px; } /* Her bir karakter kartı */ .character-card { background-color: #111; border: 2px solid #444; border-radius: 15px; width: 180px; padding: 10px; text-decoration: none; /* Link altını kaldır */ color: #f5f5f5; transition: transform 0.2s, border-color 0.2s; } /* Hover efekti */ .character-card:hover { transform: scale(1.05); border-color: #fff; } /* Resim stil ve çerçeve */ .character-card img { width: 150px; height: 150px; border-radius: 12px; /* Yuvarlatılmış köşe */ border: 3px solid #888; /* Çerçeve */ box-shadow: 0 4px 8px rgba(0,0,0,0.5); margin-bottom: 10px; } /* Karakter adı */ .character-card h2 { margin: 0; font-size: 18px; }