.key-form-wrapper{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding-bottom:20px;
}

.key-form-section{
	display:flex;
	flex-direction:row;
	align-items:center;
	padding:20px;
}

.keyselectorlabel{
	font-size:1.2em;
	font-weight:bold;
	padding-right:10px;
}

.key-form-selector{
	padding:5px;
	border:2px var(--brand-dark) solid;
	border-radius:5px;
	font-size:1.2em;
}

.pianovisualizer-wrapper{
	width:100%;
}

.pianovisualizer-row{
	width:100%;
	display:flex;
	justify-content:center;
}

.pianokeywrapper{
	width:14%;
}

.pianokey{
	width:calc(100% - 10px);
	margin:5px;
	height:100px;
	border: 2px grey solid;
	border-radius: 10px;
	font-weight:bold;
	font-size:1.5em;
	justify-content:center;
	display:flex;
	align-items:center;
}

.spacerkey{
	visibility:hidden;
}

.blackkey{
	background-color:black;
	color:white;
}

.whitekey{
	background-color:white;
	color:black
}

.activekey{
	background-color:var(--brand-main);
	color:var(--brand-dark);
}