body {
	display: flex;
	flex-direction: column;
	background-color: #1F1A38;
	align-items: center;
	justify-content: center;
	padding-top: 32px;
}

#calculator {
	display: flex;
	flex-direction: column;
	padding: 15px;
	padding-top: 25px;
	align-items: center;
	border-radius: 15px;
	background-color: #7B506F;
	width: 350px;
	height: 600px;
	box-shadow: 6px 6px 10px #EAD7D1, -2px -2px 10px #EAD7D1;
}

#numpad {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px;
}

#screen {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 20px;
	border-radius: 15px;
	background-color: #1F1A38;
	color: #e5e5e5;
	width: 300px;
	height: 150px;
	box-shadow: 5px 5px 10px #EAD7D1, -1px -1px 3px 1px #EAD7D1;
}

#result {
	font-size: 48px;
}

.numpad-btn {
	color: #e5e5e5;
	background-color: #DD99BB;
	border-color: transparent;
	border-radius: 4px;
	height: 50px;
	width: 70px;
	font-size: large;
	font-weight: bolder;
	box-shadow: 2px 2px 5px #EAD7D1, -1px -1px 2px #EAD7D1;
}

.numpad-row {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

#numpad-btn-eq {
	width: 160px;
}

/* color pallette:
https://coolors.co/dbcdc6-ead7d1-dd99bb-7b506f-1f1a38 */