/*  MUSIC PAGE BACKGROUND */
body {
  margin: 0;
  background: linear-gradient(#ffe5e5, #f7d6e0);
  font-family: serif;
}

/* Main container */
.page {
  width: 900px;
  margin: auto;
  margin-top: 40px;

  background-color: #fff8f0; /* beige */
  padding: 20px;

  border: 6px double #d96c6c; /* strawberry red */
}

/* Header */
.header {
  text-align: center;
  padding: 20px;
  background-color: #f7c6d0; /* strawberry pink */
  border: 2px solid #d96c6c;
}

h1 {
  color: #b23a48; /* deep strawberry */
}

/* Intro box */
.box {
  background-color: #eaf4ea; /* soft green */
  border: 2px solid #a3c9a8;
  padding: 10px;
  margin: 15px 0;
  border-radius: 10px;
}

/* GRID (3x4) */
.music-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row */
  gap: 15px;
}

/* SONG BOXES */
.music-box {
  background-color: #fff0f3; /* soft pink */
  border: 2px solid #d96c6c;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

/* Images */
.music-box img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
}

/* Titles */
.music-box h3 {
  color: #b23a48;
}

.home-link {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  color: #b23a48;
  background-color: #fff0f3;
  padding: 5px 10px;
  border: 2px solid #d96c6c;
  border-radius: 8px;
}

.home-link:hover {
  background-color: #f7c6d0;
}