/* Add custom CSS styles below */ 1/ 2/ 3/ 4/ CSS 5/./* تصميم فانوس رمضان المخصص */ .ramadan-lantern { position: fixed; top: 0; right: 20px; /* يمكنك تغييرها إلى left إذا أردت */ z-index: 9999; font-size: 50px; /* حجم الفانوس */ pointer-events: none; /* لكي لا يعيق النقر على العناصر تحته */ transform-origin: top center; animation: swing 3s ease-in-out infinite; } /* حركة التأرجح */ @keyframes swing { 0% { transform: rotate(10deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(10deg); } } /* إضافة خيط للفانوس */ .ramadan-lantern::before { content: ""; position: absolute; top: -20px; left: 50%; width: 2px; height: 30px; background: #ffd700; /* لون الخيط ذهبي */ z-index: -1; }