body {
  font-family: Arial, sans-serif;
  padding: 20px;
  background-color: #1e1e2e;
  color: #cdd6f4;
}

#banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #181825;
  color: #cdd6f4;
}

#main-content {
  display: flex;
}

#songs {
  flex: 2;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

#cart {
  flex: 1;
  background-color: #313244;
  padding: 10px;
  border-radius: 8px;
}

.song {
  border: 1px solid #45475a;
  padding: 5px;
  width: 200px;
  text-align: center;
  background-color: #313244;
  border-radius: 8px;
  color: #cdd6f4;
}

.song img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
}

.price {
  font-weight: bold;
  color: #a6e3a1;
}

#playlist {
  border: 1px solid #45475a;
  min-height: 100px;
  background-color: #181825;
  padding: 10px;
  border-radius: 8px;
  color: #cdd6f4;
}

#summary {
  font-weight: bold;
  color: #f9e2af;
}

#moveBtn {
  position: absolute;
  padding: 10px 20px;
  background: #fab387;
  color: #1e1e2e;
  cursor: pointer;
  border-radius: 4px;
}

#moveBtn:hover {
  background: #f9e2af;
}