h1 {
	text-align: center;
}

h2 {
	text-align: center;
}

@media screen /* and (orientation: portrait) */
{
	img.avatar {
		max-width: 90%;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}


button {
	font-size: 32px;
	margin-bottom: 10%;
}

button.yes {
	float: right;
	margin-right: 15%;
	background-color: #4CAF50;
}

button.no {
	float: left;
	margin-left: 15%;
	background-color: #f44336;
}

.avatar {
	width: auto;
	max-height: 800px;
	height: 80%;
	align: center;
}