#cardpanel {
  padding: 5px;
  text-align: center;
  border: solid 1px #c3c3c3;
  width:100%;
  height:80%;
  padding: 50px;
  line-height: 30px;
  color: #03446A;
  text-align: center;
  font-size: 20px;
  border-radius: 5px;
  white-space: pre-wrap;
}

.unflipped {
	background-color: LightYellow !important;
}


.flipped {
	
	background-color: LightGreen !important;
}

.main {
  font-size: 120%;
  color: red;
}

.fbuttoncontainer {text-align: center;}






.flashcardbutton {
  background-color: #04AA6D;
  border: none;
  color: Black;
  padding: 30px 10%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}