#piano-container {
	border: 5px white solid;
	margin: 0 auto; padding: 0;
	width: fit-content;
	font-size: 0;
}

.piano-key{
	display: inline-block;
	height: 250px; width: 50px;
	margin: 0; border-width: 5px;
	font-size:16px;
}

.c {background-color: red; border-color: red;}
.c:active{background-color: #aa0000;}

.d {background-color: orange; border-color: orange;}
.d:active{background-color: #aa6e00;}

.e {background-color: yellow; border-color: yellow;}
.e:active{background-color: #aaaa00;}

.f {background-color: green; border-color: green;}
.f:active{background-color: #005500;}

.g {background-color: blue; border-color: blue;}
.g:active{background-color: #0000aa;}

.a {background-color: indigo; border-color: indigo;}
.a:active{background-color: #320057;}

.b {background-color: violet; border-color: violet;}
.b:active {background-color: #9f579f;}