html, body{
  height: 100%;
}

body { 
	background-image: url(audio_mix-wallpaper-1440x900.jpg) ;
	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
}

kbd{
	display: block;
	text-align: center;
	font-size: 1.5rem;
	margin-top: 5px;
}

span{
	display: block;
	text-align: center;
	font-size: 0.7rem;
	color: #ffc600;	
}

.keys{
	display:flex;
    align-items:center;
    justify-content:center;
	width: 100%;
	height: 100%;

}
.key{
	/*display: inline-block;*/
	border: solid 1.5px #FFFFFF;
	height: 60px;
	width: 60px;
	margin: 20px;
	transition: all 0.07s;
	color: #FFFFFF;
	background-color:rgba(0, 0, 0, 0.2)
}

.playing{
	transform: scale(1.1);
	border-color: #ffc600;
	box-shadow: 0 0 1rem #ffc600;
	color: #ffc600;
}