.diatonic[data-v-3a1f3116]{background-color:#add8e6;border:none}.chromatic[data-v-3a1f3116]{background-color:#90ee90;border:none}.note[data-v-3a1f3116]{border-radius:100px;height:70px;width:70px}.note[data-v-3a1f3116]:hover{border-style:solid;border-width:3px;border-color:grey}.one[data-v-3a1f3116]{position:absolute;top:40px;left:300px}.two[data-v-3a1f3116]{position:absolute;top:64px;left:390px}.three[data-v-3a1f3116]{position:absolute;top:130px;left:456px}.four[data-v-3a1f3116]{position:absolute;top:220px;left:480px}.five[data-v-3a1f3116]{position:absolute;top:310px;left:456px}.six[data-v-3a1f3116]{position:absolute;top:376px;left:390px}.seven[data-v-3a1f3116]{position:absolute;top:400px;left:300px}.eight[data-v-3a1f3116]{position:absolute;top:376px;left:210px}.nine[data-v-3a1f3116]{position:absolute;top:310px;left:144px}.ten[data-v-3a1f3116]{position:absolute;top:220px;left:120px}.eleven[data-v-3a1f3116]{position:absolute;top:130px;left:144px}.twelve[data-v-3a1f3116]{position:absolute;top:64px;left:210px}