#body-login {
  background: url("../img/background.jpg") no-repeat center center fixed;
  background-size: cover;
  text-align: center;
  height: 100%;
}

#login {
  max-width: 360px;
  margin: 2rem auto;
}

#message {
  max-width: 360px;
  margin: 1rem auto;
}

ul.artefacts li {
  box-sizing: border-box;
  float: left;
  padding: 1.6em;
  list-style: none;
}

.score, .audio, .video {
  display: block;
  height: 48px;
  width: 48px;
  padding-top: 48px;
  background-repeat: no-repeat;
  background-position: top left;
}

.score {
  background: url("../img/icon-score.png") no-repeat top left;
}

.audio {
  background: url("../img/icon-audio.png") no-repeat top left;
}

.video {
  background: url("../img/icon-video.png") no-repeat top left;
}

ol.project > li {
  clear: both;
  padding-top: 1em;
  margin-left: 2em;
}