@keyframes headanimation {
0% { color:#28007E; }
50% { color:#820069; }
100% { color:#D4001D; }
}
h1{
  animation-name:headanimation;
  animation-duration:5s;
  animation-timing-function:ease;
  animation-iteration-count:5;
  animation-direction:alternate;
  animation-fill-mode:forwards;
}
.questions{
  font-weight:bold;
}
div{
  padding:10px;
  border: solid 30px #7B0006;
  border-radius:50px;
  height:400px;
  width:200px;
  background-color:#F8E792;
  margin:20px;
  font-size:18px;
}
.answer{
  color:#F8E792;
  transition:color 1s;
  transition-timing-function:ease-in;
}
.answer:hover{
  color:#000000;
}
hr{
  background-color:#000000;
  height:2px;
  border:none;
}