body{
margin:0;
background:#050b12;
color:white;
font-family:Arial,sans-serif;
}

.hero-image img{
width:100%;
display:block;
max-height:700px;
object-fit:cover;
}

.app{
padding:40px;
text-align:center;
}

h1,h2{
color:#d5a64a;
letter-spacing:2px;
}

.menu{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:15px;
margin-top:30px;
}

.menu div{
background:#101b26;
border:1px solid #c99a40;
padding:25px;
border-radius:15px;
}

@media(max-width:900px){
.menu{
grid-template-columns:repeat(2,1fr);
}
}