body{
    margin:0;
    background:#0b1020;
    color:white;
    font-family:'Press Start 2P', monospace;
    text-align:center;
}

.hero{
    padding:80px 20px;
}

.logo{
    width:220px;
    image-rendering: pixelated;
}

h1{
    font-size:40px;
    margin-top:20px;
}

.tagline{
    color:#5fb3ff;
    margin-top:20px;
}

section{
    padding:80px 20px;
}

.about{
    background:#121833;
}

.games{
    background:#0b1020;
}

.game-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:30px;
    max-width:900px;
    margin:auto;
}

.game-card{
    background:#182050;
    padding:30px;
    border:4px solid #2d4cff;
    box-shadow:0 0 0 4px #000;
}

.game-card h3{
    color:#ff4a4a;
    margin-bottom:20px;
}

.contact{
    background:#121833;
}

footer{
    padding:40px;
    font-size:12px;
    background:#070b18;
}