body {
  font-family: Arial, sans-serif;
  background: linear-gradient(#bde3ff, #ffffff);
  margin: 0;
  padding: 0;
  color: #13334a;
}

/* Базові контейнери */
header, section, footer {
  border-radius: 10px;
  box-sizing: border-box;
}

header {
  background: #4da6ff;
  color: white;
  text-align: center;
  padding: 20px 10px;
  margin: 10px;
  outline: 4px double #1d4f80;
}
h1 {
  margin: 0 0 10px;
  font-size: 2.2rem;
}
.tagline { font-style: italic; }
section {
  padding: 15px 25px;
  margin: 15px auto;
  max-width: 680px;
  background: #f2fbff;
}

/* контури */
#fun-fish { outline: 5px dashed #ff9800; }
#why { outline: 4px solid #2d6fa3; }
#gear { outline: 6px groove #8bc34a; }
#dream { outline: 5px dotted #9c27b0; }
#tips { outline: 6px ridge #ff5722; }
footer { outline: 4px solid #555; }
section h2 {
  margin-top: 0;
  color: #0d3d5c;
  border-bottom: 1px dashed #7ab7d6;
  padding-bottom: 4px;
}
ul, ol {
  padding-left: 22px;
}
.note {
  background: #ffe9a8;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  margin-bottom: 6px;
}
footer {
  text-align: center;
  font-size: 0.85rem;
  padding: 18px 10px;
  color: #555;
  background: #e2f4ff;
  margin: 20px 10px 30px;
}

/* Риба */
.fish-wrap {
  text-align: center;
  padding: 10px;
}
#fish {
  width: 160px;
  cursor: default;
  transition: transform 0.25s ease;
  filter: drop-shadow(0 4px 4px rgba(0,0,0,0.25));
}
#fish:hover { transform: scale(1.12) rotate(-4deg); }