div .result-bar {
	background-color: #0000;
	height: 20%;
	width: 100%;

	padding: 0.5em;

	direction: row;
	justify-content: end;
	align-items: center;
}

div .buttons .column {
	width: 100%;
	height: 80%;

	direction: column;

	background: #404040;
}

div .buttons .row {
	width: 100%;
	height: 20%;

	direction: row;

	background: #404040;
}

button {
	width: 25%;
	height: 100%;

	border-radius: 0;
	border-width: 1px;
	border-color: #000000a0;
}

button .number {
	background-color: #a0e7e5d8;
}

button:hover .number {
	background-color: #90d7d5;
}

button:active .number {
	background-color: #80c7c5 0.02s;
}

button text {
	font-size: 3em;
}

text .result {
	font-size: 3em;
	color: #ffffff;
}