body{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));margin:0;overflow-x:hidden}.particle{background-color:#8b5cf680;border-radius:50%;pointer-events:none;position:fixed}@keyframes float{0%{opacity:0;transform:translateY(0) translate(0)}50%{opacity:.5}to{opacity:0;transform:translateY(-100vh) translate(50px)}}header{background-color:#000000e6;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}nav{align-items:center;display:flex;justify-content:space-between;padding:1rem}nav a{border-radius:.5rem;font-weight:500;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}nav a:hover{color:rgb(192 132 252/var(--tw-text-opacity,1))}nav a:hover{background-color:rgb(147 51 234/var(--tw-bg-opacity,1));--tw-bg-opacity:.5}nav a i{margin-right:.5rem}.bg-gradient-to-r{animation:gradient 15s ease infinite;background-size:200% 200%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:640px){h1{font-size:2.5rem}.text-lg{font-size:1rem}}.container{margin-left:auto;margin-right:auto;max-width:80rem;padding:1.5rem 1rem}nav a:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}h1{transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}header{background-color:#000c}.game-card{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.game-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}