body {
	width: 100%;
	height: 100dvh;
	display: flex;
	font-family: "Arial";
}

body > div {
	font-size: 30px;

	padding: 40px;
	flex: 1;

	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

.controls {
	margin-top: auto;
	display: flex;
	gap: 10px;
}

button {
	flex: 1;
	font-size: 40px;
	width: 70px;
	height: 60px;
	border-radius: 5px;
	border: 0px;
	background-color: grey;
}

button:hover {
	background-color: #9c9999ff;
}

#fail {
	background-color: #d42d46ff;
}

#success {
	background-color: #29e46eff;
}

.count {
	font-size: 50px;
}