teclado-colores{
	display: flex;
	flex-direction:row;
	gap:0.1rem;
	margin:1rem auto;
	width:90%;
	
	tecla-coloreada{
		--brillo:90%;
		background-color:hsl(0deg 100% var(--brillo));
		border-radius:1rem;
		height:15rem;
		width:4rem;
		cursor:pointer;
		
		&:nth-child(2){
			background-color:hsl(40deg 100% var(--brillo));
		}
		
		&:nth-child(3){
			background-color:hsl(60deg 100% var(--brillo));
		}
		
		&:nth-child(4){
			background-color:hsl(120deg 100% var(--brillo));
		}
		
		&:nth-child(5){
			background-color:hsl(180deg 100% var(--brillo));
		}
		
		&:nth-child(6){
			background-color:hsl(240deg 100% var(--brillo));
		}
		
		&:nth-child(7){
			background-color:hsl(280deg 100% var(--brillo));
		}
		
		&.pulsada{
			--brillo:50%;
		}
	}
}


button#inicia_patrón{
	width:auto;
	margin:1rem auto;
	padding:0.5rem;
	font-size:1.2rem;
}