.umrechner {
	overflow-y: auto;
}
.umrechner h1 {
	font-size: 3vw;
	position: relative;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	margin-top: 15vh;
}
.umrechner article {
	width: 20vw;
	padding: 10vh 40vw;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.umrechner article * {
	padding: 5px;
	margin: 5px;
}
.umrechner input {
	border: 0px;
	border-radius: 10px;
}
.umrechner .button {
	cursor: pointer;
	padding: 10px;
	width: auto;
	float: right;
	margin-top: 10px;
	user-select: none;
	border: solid white 1px;
	border-radius: 10vh;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 1);
}
.umrechner .button:hover {
	animation-name: button;
  	animation-duration: 0.15s;
	background-color: rgba(255, 255, 255, 0.2);
}
option:checked {
	background-color: #332532;
	color: white;
}
@keyframes button {
	from {
		background-color: rgba(255, 255, 255, 0);
	}
	to {
		background-color: rgba(255, 255, 255, 0.2);
	}
}