/* Start custom CSS for html, class: .elementor-element-ca2948d */body{
  margin:0;
  background:#121212;
  color:white;
  font-family:Arial, sans-serif;
}

header{
  padding:20px;
  background:#000;
  position:sticky;
  top:0;
  z-index:10;
}

h1{
  margin:0 0 10px 0;
}

#search{
  width:100%;
  padding:10px;
  margin-bottom:10px;
  border:none;
  border-radius:5px;
}

#filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#filters button{
  background:#1db954;
  border:none;
  padding:8px 12px;
  color:white;
  border-radius:20px;
  cursor:pointer;
}

#mixes{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
  gap:20px;
  padding:20px;
}

.mix{
  background:#181818;
  padding:15px;
  border-radius:10px;
  transition:0.3s;
}

.mix:hover{
  background:#282828;
}

.mix h3{
  margin-top:10px;
}

.cover{
  width:100%;
  border-radius:10px;
}

.tags{
  margin:10px 0;
}

.tags span{
  background:#333;
  padding:5px 8px;
  margin:2px;
  display:inline-block;
  border-radius:5px;
  font-size:12px;
}

.mix button{
  background:#1db954;
  border:none;
  padding:10px;
  color:white;
  cursor:pointer;
  width:100%;
  margin-bottom:5px;
}

.mix a{
  display:block;
  text-align:center;
  padding:8px;
  background:#333;
  color:white;
  text-decoration:none;
  border-radius:5px;
}

#player{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#000;
  padding:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.player-center button{
  background:#1db954;
  border:none;
  padding:10px 15px;
  margin:0 5px;
  color:white;
  cursor:pointer;
}/* End custom CSS */