div {
  
/*Making the correct begining color and hover animation*/
background-color:#000000;
transition:background-color .5s;
transition-delay:0s;
width:300px;
}

div:hover {
/*Changing color to white when hovered to hide question and display answer*/
background-color:#ffffff
}

@keyframes animLoop {
from { width:200px; }
to { width:600px; }
}
div {
animation-name:animLoop;
animation-duration:3s;
animation-iteration-count:3;
animation-direction:alternate;
}


.question {
    font-family: 'Times New Roman';
    color: white;
    font-size: 25px;
}

.answer {
    font-family: 'Impact';
    color: black;
    font-size: 50px;
}