::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #fafaf9; } ::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #a8a29e; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KING — Lifestyle & Entertainment</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"> <script> tailwind.config = { theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Playfair Display', 'serif'], } } } } </script> <style> body { font-family: 'Inter', sans-serif; } h1, h2, h3, h4, .serif { font-family: 'Playfair Display', serif; } school girl 14 old www 3gp king com high quality
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .marquee-track { animation: scroll 35s linear infinite; } .marquee-track:hover { animation-play-state: paused; } ::-webkit-scrollbar { width: 6px