*{

margin:0;
padding:0;
box-sizing:border-box;

}



body{

background:#050505;

color:white;

font-family:Arial,sans-serif;

text-align:center;

}




header{

padding:70px 20px;

background:#111;

}



header h1{

font-size:60px;

color:#00ffff;

text-shadow:0 0 25px cyan;

}



header p{

font-size:25px;

color:#ccc;

margin-top:20px;

}





main{

width:90%;

max-width:1200px;

margin:auto;

}





.game-cover{


width:420px;

height:550px;

object-fit:cover;

margin:60px auto;

border-radius:25px;

display:block;


box-shadow:

0 0 30px cyan,

0 0 70px blue;


}





.info{


background:#111;

border:1px solid #00ffff;

border-radius:25px;

padding:40px;

margin:40px 0;


box-shadow:0 0 25px #003344;


}




.info h2{


font-size:40px;

color:#00ffff;

margin-bottom:25px;


}




.info p{


font-size:22px;

line-height:2.2;

color:#ddd;


}





.boxes{


display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

margin:50px 0;


}




.box{


width:260px;

padding:30px;

background:#151515;

border-radius:20px;

border:1px solid #00ffff;


}



.box h3{

color:#00ffff;

font-size:25px;

margin-bottom:15px;

}




.back{


display:inline-block;

margin:50px;

padding:18px 40px;

background:#00ffff;

color:black;

text-decoration:none;

border-radius:30px;

font-size:22px;


}



.back:hover{

transform:scale(1.1);

}




footer{


padding:50px;

background:#111;

color:#00ffff;

font-size:22px;


}




@media(max-width:700px){


header h1{

font-size:35px;

}



.game-cover{

width:280px;

height:380px;

}



.info h2{

font-size:30px;

}



.info p{

font-size:18px;

}


}