Sebilicq/pixelpulse-playground

1@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');2 3body {4    font-family: 'Poppins', sans-serif;5}6 7.hero {8    background-image: linear-gradient(135deg, rgba(145, 71, 255, 0.9), rgba(0, 181, 173, 0.8)), url('http://static.photos/gaming/1200x630/5');9    background-size: cover;10    background-position: center;11    background-blend-mode: overlay;12}13 14/* Smooth scrolling */15html {16    scroll-behavior: smooth;17}18 19/* Game card hover effect */20.game-card {21    transition: transform 0.3s ease, box-shadow 0.3s ease;22}23 24.game-card:hover {25    transform: translateY(-5px);26    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);27}28 29/* Custom scrollbar */30::-webkit-scrollbar {31    width: 8px;32}33 34::-webkit-scrollbar-track {35    background: #1a1a1a;36}37 38::-webkit-scrollbar-thumb {39    background: #9147ff;40    border-radius: 4px;41}42 43::-webkit-scrollbar-thumb:hover {44    background: #772ce8;45}