Anki Basic centered flashcard

anki-basic.html

<!-- Front template -->
<div class="front">
{{Front}}
</div>

<!-- Back template -->
<div class="back">
{{FrontSide}}

<hr id=answer>

{{Back}}
</div>

<!-- Styling (make sure to remove the <style> and </style>) -->
<style>
  body {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height: 80vh;
}


.card {
  font-family: arial;
  font-size: 20px;
  text-align: center;
  color: black;
  background-color: white;
}
</style>