body{
margin:0;
font-family:Arial,sans-serif;
background:#eef7ff;
text-align:center;
}

.header{
background:#0077b6;
color:white;
padding:25px;
}

.fish-list{
padding:20px;
}

.fish{
background:white;
margin:15px;
padding:15px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,.2);
}

.order-btn{
display:inline-block;
background:#25D366;
color:white;
padding:15px 25px;
text-decoration:none;
border-radius:8px;
font-size:18px;
margin-top:20px;
}

footer{
margin-top:30px;
padding:20px;
background:#0077b6;
}

footer a{
color:white;
font-size:32px;
margin:15px;
text-decoration:none;
}
.navbar{
display:flex;
justify-content:space-between;
align-items:center;
background:#005f99;
padding:15px 20px;
color:white;
}

.navbar ul{
display:flex;
list-style:none;
margin:0;
padding:0;
}

.navbar li{
margin-left:15px;
}

.navbar a{
color:white;
text-decoration:none;
font-weight:bold;
}

.logo{
font-size:22px;
font-weight:bold;
}
#fish-list {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.fish-card {
  background: white;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

.fish-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
}

.fish-card button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: #0b8457;
  color: white;
  font-size: 16px;
  cursor: pointer;
}