/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=c3+4O4o5h0kuwF4cTQMmhILEgrIJ9ii */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-non-chord-note-0 { background-color: #2626CB }	/* Main non-chord-note color */
.color-non-chord-note-1 { background-color: #9898E7 }
.color-non-chord-note-2 { background-color: #5656D3 }
.color-non-chord-note-3 { background-color: #10109B }
.color-non-chord-note-4 { background-color: #090966 }

.color-other-chord-note-0 { background-color: #5A1BC7 }	/* Main other-chord-note color (1) */
.color-other-chord-note-1 { background-color: #B092E5 }
.color-other-chord-note-2 { background-color: #7D4DD1 }
.color-other-chord-note-3 { background-color: #3E0A97 }
.color-other-chord-note-4 { background-color: #280563 }

.color-root-0 { background-color: #E40B6A }	/* Main Root color (2) */
.color-root-1 { background-color: #F391BC }
.color-root-2 { background-color: #E9478E }
.color-root-3 { background-color: #BB0052 }
.color-root-4 { background-color: #7B0036 }

.color-fifth-0 { background-color: #9C0FC4 }	/* Main fifth color */
.color-fifth-1 { background-color: #D08BE3 }
.color-fifth-2 { background-color: #AF43CE }
.color-fifth-3 { background-color: #730392 }
.color-fifth-4 { background-color: #4B0260 }



/* As RGBa codes */

.rgba-non-chord-note-0 { background-color: rgba( 38, 38,203,1) }	/* Main non-chord-note color */
.rgba-non-chord-note-1 { background-color: rgba(152,152,231,1) }
.rgba-non-chord-note-2 { background-color: rgba( 86, 86,211,1) }
.rgba-non-chord-note-3 { background-color: rgba( 16, 16,155,1) }
.rgba-non-chord-note-4 { background-color: rgba(  9,  9,102,1) }

.rgba-other-chord-note-0 { background-color: rgba( 90, 27,199,1) }	/* Main other-chord-note color (1) */
.rgba-other-chord-note-1 { background-color: rgba(176,146,229,1) }
.rgba-other-chord-note-2 { background-color: rgba(125, 77,209,1) }
.rgba-other-chord-note-3 { background-color: rgba( 62, 10,151,1) }
.rgba-other-chord-note-4 { background-color: rgba( 40,  5, 99,1) }

.rgba-root-0 { background-color: rgba(228, 11,106,1) }	/* Main root color (2) */
.rgba-root-1 { background-color: rgba(243,145,188,1) }
.rgba-root-2 { background-color: rgba(233, 71,142,1) }
.rgba-root-3 { background-color: rgba(187,  0, 82,1) }
.rgba-root-4 { background-color: rgba(123,  0, 54,1) }

.rgba-fifth-0 { background-color: rgba(156, 15,196,1) }	/* Main fifth color */
.rgba-fifth-1 { background-color: rgba(208,139,227,1) }
.rgba-fifth-2 { background-color: rgba(175, 67,206,1) }
.rgba-fifth-3 { background-color: rgba(115,  3,146,1) }
.rgba-fifth-4 { background-color: rgba( 75,  2, 96,1) }



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */