body{
margin:0;
font-family:Arial;
background:linear-gradient(black,#0a0a2a);
color:white;
}

/* NAV */
nav{
display:flex;
justify-content:space-between;
padding:15px;
background:black;
}

/* HERO */
.hero{
position:relative;
text-align:center;
}
.hero img{
width:100%;
height:300px;
object-fit:cover;
}
.hero-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

/* CARDS */
.game-container{
display:flex;
gap:20px;
flex-wrap:wrap;
padding:40px;
}

.game-card{
width:200px;
background:#1a1a1a;
padding:15px;
cursor:pointer;
transition:0.3s;
border:2px solid transparent;
}

.game-card:hover{
transform:scale(1.1);
border:2px solid cyan;
box-shadow:0 0 15px cyan;
}

/* GLITCH */
.game-card:hover h3{
animation:glitch 0.4s infinite;
}

@keyframes glitch{
0%{text-shadow:2px 2px red;}
50%{text-shadow:-2px -2px blue;}
100%{text-shadow:2px -2px green;}
}

/* GAME PAGE */
.game-hero{
display:flex;
gap:40px;
padding:40px;
}

.game-hero img{
width:300px;
}

.tags span{
background:gray;
padding:5px;
margin:5px;
display:inline-block;
}

.price{
color:lime;
}

.buy{
padding:15px;
background:cyan;
border:none;
cursor:pointer;
}

.buy:hover{
background:white;
}

/* GALERÍA */
.gallery{
display:flex;
gap:10px;
padding:20px;
}

.gallery img{
width:30%;
}

/* DESCRIPCIÓN */
.description{
padding:20px;
}

/* SPECS */
.specs{
padding:20px;
}