body{
font-family: Arial, sans-serif;
margin:0;
background:#fff;
color:#333;
}

.hero{
text-align:center;
padding:40px;
background:linear-gradient(#ff6b6b,#f5d77a);
}

.hero img{
max-width:180px;
}

.buttons{
margin:20px;
}

.btn{
background:#5ecf9a;
padding:12px 22px;
color:white;
text-decoration:none;
border-radius:6px;
margin:5px;
display:inline-block;
}

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

.casino-grid{
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}

.casino{
border:1px solid #eee;
padding:20px;
border-radius:10px;
width:260px;
}

table{
width:100%;
max-width:600px;
margin:auto;
border-collapse:collapse;
}

th,td{
border:1px solid #ddd;
padding:10px;
}

.pros-cons{
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
}

footer{
text-align:center;
padding:20px;
background:#f5f5f5;
margin-top:40px;
}

@media(max-width:768px){

.casino-grid{
flex-direction:column;
align-items:center;
}

.pros-cons{
flex-direction:column;
}

}