body{

margin:0;

font-family:Verdana;

background:black;

color:white;

overflow-x:hidden;

}

#stars{

position:fixed;

width:100%;

height:100%;

background-image:
radial-gradient(white 1px, transparent 1px);

background-size:30px 30px;

animation:moveStars 50s linear infinite;

z-index:-1;

}

@keyframes moveStars{

from{
background-position:0 0;
}

to{
background-position:0 1000px;
}

}

marquee{

background:#00ff99;

color:black;

padding:8px;

font-weight:bold;

}

header{

text-align:center;

padding:50px;

}

h1{

font-family:'Press Start 2P', cursive;

font-size: clamp(2rem, 8vw, 5rem);

text-align: center;

line-height: 1.1;

color:#66ff99;

text-shadow:
0 0 4px #00ff66,
0 0 8px #00cc66;
}

.subtitle{

color:cyan;

}

nav{

display:flex;

justify-content:center;

gap:20px;

margin-bottom:40px;

flex-wrap:wrap;

}

button{

background:linear-gradient(#00ffff,#0044ff);

border:3px solid white;

padding:15px 25px;

color:white;

font-weight:bold;

cursor:pointer;

box-shadow:
0 0 15px cyan;

transition:.3s;

}

button:hover{

transform:scale(1.1);

background:hotpink;

}

.content{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

padding:30px;

}

.card{

background:rgba(0,0,0,.75);

border:2px solid #00ff66;

padding:20px;

box-shadow:0 0 20px cyan;

}

h2{

color:#00ff66;

font-family:'Press Start 2P';

font-size:16px;

}

.community{
border:2px solid #00ff88;
box-shadow:0 0 15px #00ff88;
padding:25px;
text-align:center;
margin:40px auto;
max-width:700px;
}

.community-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
}

.community-buttons a{
background:#003366;
color:white;
padding:12px 20px;
text-decoration:none;
border:2px solid cyan;
box-shadow:0 0 8px cyan;
transition:.2s;
}

.community-buttons a:hover{
background:#00ccff;
color:black;
}

.hero{
  text-align: center;
}
.featured{
  text-align: center;
}
.games{
  text-align: center;
}
.newsletter{
  text-align: center;
}
footer{

text-align:center;

padding:40px;

color:gray;

}