body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.border{
	background-color: lightblue;
}

.main{
	display: flex;
	flex-direction: row;
	margin: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.container{
	width: 600px;
	justify-content: center;
	align-items: center;
	padding: 0px;
}

.buttons{
	display: flex;
}

#resultScreen{ 
    text-align: right; 
	height: 50px;
}

#prevResultScreen{ 
    text-align: right; 
    height: 50px;
    height: 10%;
	font-size: 15px;
}

@media only screen and (max-device-width: 480px) {
	body {
		justify-content: center; 
		display: flex;
		align-items: center;
	}

	.container{
		padding: 0px;
		width: 100vw;
	}

	.border{
		background-color: lightblue;
	}
	
	#resultScreen{ 
		text-align: right; 
		height: 15%;
	}
	
	#prevResultScreen{ 
		text-align: right; 
		height: 10%;
		font-size: 15px;
	}

}