body {
margin: 0;
font-family: Arial, sans-serif;
background: linear-gradient(160deg, #1a1a1a 0%, #121212 50%, #0d0d0d 100%);
color: #e0e0e0;
}
header {
background: linear-gradient(135deg, #8b0000, #ff0000);
padding: 2rem;
text-align: center;
color: #ff2e2e;
border-bottom: 3px solid #cccccc;
box-shadow: 0 4px 10px rgba(204, 204, 204, 0.2);
}
nav {
  background-color: #2c2c2c;
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem 0;
}
nav a {
  color: #e0e0e0;
  text-decoration: none;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  transition: 0.3s;
}
nav a:hover {
  background-color: #ff2e2e;
  border-radius: 5px;
}
.container {
  padding: 2rem;
  max-width: 800px;
  margin: auto;
}
.radio-player {
background: linear-gradient(135deg, #1f1f1f, #2c2c2c);
padding: 2rem;
border-radius: 15px;
text-align: center;
box-shadow: 0 4px 20px rgba(255, 46, 46, 0.3), 0 0 10px rgba(255, 46, 46, 0.1) inset;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.cover
{
  width: 30%;
}
audio::-webkit-media-controls-panel {
  background-color: #2c2c2c;
  color: #ff2e2e;
}
audio {
  width: 100%;
  background-color: #2c2c2c;
  border: 2px solid #ff2e2e;
  border-radius: 10px;
}
footer {
text-align: center;
padding: 1rem;
background: linear-gradient(135deg, #8b0000, #ff0000);
color: #888;
border-top: 3px solid #cccccc;
box-shadow: 0 4px 10px rgba(204, 204, 204, 0.2);
}
#kontakt{
    padding: 0rem;
    text-align: center;
}