/* CSS Document */

#display
{
	width: 80%;
	height: 250px;
	margin: 10px auto 10px auto;
	font-size: 75px;
	text-align: center;
	background-color: #D1D0D0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.digit-box {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center; 
    background-color: #FFFFFF;
    border: 2px solid #000;
    font-size: 75px; 
    transition: opacity 0.3s ease-in-out;
    opacity: 1; 
}

#controls
{
	text-align: center;	
}