p {
	font-family: "Lucida Console", monospace;
	font-weight: bold;
	white-space: pre; /* preserves everything, no wrapping */
}

.top {
	display: flex; /* make buttons line up horizontally */
	width: 100%; /* take full width of parent */
	height: 300px; /* or whatever you like */
}

.top button {
	flex: 1; /* evenly distribute width */
	height: 100%; /* match parent div height */
	font-family: "Lucida Console", monospace;
	font-weight: bold;
	font-size: 200px;
	border: none;
	background: #eee;
	cursor: pointer;
}

/* Optional hover effect */
.top button:hover {
	background: #ccc;
}