* {
	box-sizing: border-box;
}

body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.calculator {
	width: 285px;
	background-color: rgba(255,0,0,0.2);
	background-color: darkgray;
	padding: 5px;
	border: 2px solid black;
	border-radius: 8px;
}

header {
	height: 80px;
	/*background-color: rgba(255,255,0,0.2);*/
}

.body {
	/*background-color: rgba(0,255,0,0.2);*/
	display: grid;
	grid-template-columns: repeat(5, 50px);
	gap: 5px;
	justify-items: center;
	align-items: center;
}


.taste-s {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	text-align: center;
	background-color: rgba(0,0,255,0.2);
	border: 1px solid black;
	border-radius: 5px;
	cursor: pointer;
}

svg {
	fill: black;
	stroke: black;
	stroke-width: 0.5px;
	fill-rule: evenodd;
	pointer-events: none;
}

#input {
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 24px;
	margin-bottom: 5px;
  background-color: rgba(255,255,255,0.3);
  padding: 0px 5px;
}

#error {
	font-size: 12px;
	color: darkred;
}