body{
  background-color: #1ecbe1;
}
/* Media Section */
.media {
  text-align: center;
  padding: 2em;
}

.video-container video, 
.audio-container audio {
  max-width: 100%;
  border-radius: 8px;
  margin: 1em 0;
}

/* Descriptions Grid */
.descriptions {
  padding: 2em;
}

.descriptions .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.descriptions .item {
  background: white;
  border-radius: 10px;
  padding: 1em;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
}

.descriptions .item:hover {
  transform: translateY(-5px);
}
header {
  background: green;
  color: white;
  padding: 1em 0;
}

nav ul {
  background-color: green;
  color: #e9e9e9;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 25px;
  margin: 0;
  padding: 0;
}

nav a {
  background-color: green;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.grid{
  display: grid;
  grid-template-columns: auto,auto,auto;
  gap: 50px;
  border: 10px;;
  border-radius: 10px;
  padding: 10px;
  


}
 .schaba{
  border:3px dotted black ;
  border-radius: 10px;
  background-color: white;
}
  


footer {
  background: blue;
  color: white;
  text-align: center;
  padding: 1em;
  margin-top: 20px;}