body{ margin: 0; padding: 0; }
		
#flashcards{ width: 100%; position: relative; top: 50px; padding: 0; margin: 0; }
div.flashcard{ width: 30%; height: 300px; border: 2px dotted black; margin: 0; padding: 10px;
		vertical-align: middle; text-align: center; font: bold 100px verdana, sans-serif; }
#flashcard1{ position: absolute; top: 0; left: 5%; }
#operator{ width: 10%; position: absolute; top: 0; left: 45%; border: 0; }
#flashcard2{ position: absolute; top: 0; left: 65%; }

#afDiv{ position: absolute; top: 375px; left: 25%; width: 50%; text-align: center; }
#error{ position: absolute; top: 0; left: 0; text-align: center; width: 100%; margin: 0; padding: 2px 0;
	font: 14px arial, sans-serif; }
.correct{ background: rgb(0,0,75); color: yellow; font: bold 16px verdana, sans-serif !important; }
.incorrect{ background: rgb(200,200,200); color: black; }

button{ background: rgb(100,100,150); color: white; font-weight: bold; margin: 2px 10px; }