p.title {
  text-align:center;
  padding-bottom:15px;
  font-size:100px;
  font-family:Verdana;
  color:#800000;
  filter:drop-shadow(0px 0px 4px #000000);
}
@keyframes openScreen{
   from { font-size:0px; }
   to { font-size:100px; }
}
@keyframes openScreen2{
   from { font-size:0px; }
   to { font-size:48px; }
}
div:hover {
  background-color:#000000;
}
div.card {
  width:800px;
  height:300px;
  border:double 3px #000000;
  text-align:center;
  vertical-align:middle;
  margin:auto;
  transition:background-color 2s;
}
p.cardInfo {
  font-size:24px;
  font-family:Verdana;
  color:#000000;
  vertical-align:middle;
}
p.cardAnswer {
  font-size:24px;
  font-family:Verdana;
  color:#FFFFFF;
  vertical-align:middle;
}