#task5 {
  padding: 25px;
  background: linear-gradient(to right, #f0f8ff, #e6f7ff); 
  border-radius: 15px;
  margin: 30px 0;
  text-align: center;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* Heading */
#task5 h2 {
  color: #1e90ff; 
  font-size: 2em;
  margin-bottom: 10px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Intro paragraph */
.task5-intro {
  color: #333;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 1.1em;
}

/* Screenshots container */
.task5-screenshots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.task5-screenshots img {
  width: 45%;
  max-width: 400px;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  transition: transform 0.3s ease;
}

.task5-screenshots img:hover {
  transform: scale(1.05); 
}

/* Commands title */
.task5-commands-title {
  font-weight: 600;
  color: #ff6600; 
  margin-bottom: 10px;
}

/* Commands list */
.task5-commands li {
  list-style: inside circle;
  font-family: monospace;
  color: #555;
  margin: 5px 0;
}