body {
  margin:0px;
  font-family:Helvetica Neue;
  background-color:#efefef;
}

div {
  box-sizing:border-box;
}

header, footer {
  background-color:#ccc;
  width:100%;
  padding:0px;
}

.title {
  width:50%;
  float:left;
  font-size:24px;
}

nav ul {
  text-align:right;
  margin-top:0px;
}

nav li {
  display:inline-block;
  padding:20px;
}

nav li:hover {
  background-color:orange;
}

article, .animal, .description, .title, h4 {
  padding:12px;
}

article {
  clear:both;
  border:1px solid #aaa;
  float:left;
  margin:15px;
  border-radius:5px;
  background-color:#fff;
}

.animal {
  width:30%;
  float:left;
}

.animal img {
  width:100%;
}

.description {
  width:70%;
  float:right;
}

footer {
  clear:both;
  text-align:center;
}

h4 {
  margin:0px;
}

.quiz-area {
  clear:both;
  text-align:center;
  padding:12px;
}