.task {
  padding: 1em;
  font-size: 1.5em;
  font-weight: bold;
  }

.everyone {
  background-color: Ivory;
}

.debutantes {
  background-color: HoneyDew;
  }

.avance {
  background-color: AliceBlue;
  }

.level {
  margin: 1em 1em 1em -3em;
  }

.header {
  color: Maroon;
  font-size: larger;
  font-style: oblique;
  }

a.task {
  background: url(/static/icons/loc_go.png) left center no-repeat;
  padding-left: 20px;
  }

.listen {
  font-weight: bold;
  background: url(/static/icons/listen.png) left center no-repeat;
  padding-left: 20px;
}

.dictee {
  font-weight: bold;
  background: url(/static/icons/dictee.png) left center no-repeat;
  padding-left: 20px;
}

.vocab {
  font-weight: bold;
  background: url(/static/icons/vocab.png) left center no-repeat;
  padding-left: 20px;
}

.quiz {
  font-weight: bold;
  background: url(/static/icons/quiz.png) left center no-repeat;
  padding-left: 20px;
}

.read {
  font-weight: bold;
  background: url(/static/icons/read.png) left center no-repeat;
  padding-left: 20px;
}

.review {
  font-weight: bold;
  background: url(/static/icons/review.png) left center no-repeat;
  padding-left: 20px;
}

.takenote {
  font-weight: bold;
  background: url(/static/icons/takenote.png) left center no-repeat;
  padding-left: 20px;
}

.film {
  font-weight: bold;
  background: url(/static/icons/film.png) left center no-repeat;
  padding-left: 20px;
}

.podcast {
  font-weight: bold;
  background: url(/static/icons/podcast.png) left center no-repeat;
  padding-left: 20px;
}

.test {
  font-weight: bold;
  background: url(/static/icons/test.png) left center no-repeat;
  padding-left: 20px;
}

.meet {
  font-weight: bold;
  background: url(/static/icons/meet.png) left center no-repeat;
  padding-left: 20px;
}