.wrapper[data-v-f5df493a]{display:flex;justify-content:center}#scoreboard-container[data-v-f5df493a]{display:flex;justify-content:space-between;width:400px}.scoreboard-block[data-v-f5df493a]{display:block}#bassClef[data-v-f5df493a],#flat[data-v-f5df493a],#sharp[data-v-f5df493a],#stave[data-v-f5df493a],#trebleClef[data-v-f5df493a],#wholeNote[data-v-f5df493a]{display:none}.button-74[data-v-a13aab2a]{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:500;font-size:16px;margin:5px;line-height:50px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-74[data-v-a13aab2a]:hover{background-color:#fff}.button-74[data-v-a13aab2a]:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}@media (min-width:768px){.button-74[data-v-a13aab2a]{min-width:120px}}.button-74 img[data-v-a13aab2a]{padding-top:15px;justify-self:center}.button-74[data-v-34fcf02b]{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:500;font-size:16px;margin:5px;line-height:50px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-74[data-v-34fcf02b]:hover{background-color:#fff}.button-74[data-v-34fcf02b]:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}@media (min-width:768px){.button-74[data-v-34fcf02b]{min-width:120px}}.button-74 img[data-v-34fcf02b]{margin-top:35px;justify-self:center}.button-74[data-v-7952baaa]{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:600;font-size:16px;margin:5px;line-height:50px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-74[data-v-7952baaa]:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}@media (min-width:768px){.button-74[data-v-7952baaa]{min-width:120px}}.button-74[data-v-7952baaa]:hover{background-color:#000;color:#fff}p[data-v-489bcc08]{margin:1px}.select-container[data-v-489bcc08]{display:inline}.select-74[data-v-489bcc08]{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:500;font-size:16px;margin:5px;padding:10px;width:90px;line-height:50px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.select-74[data-v-489bcc08]:hover{background-color:#fff}.select-74[data-v-489bcc08]:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}.select-74[data-v-489bcc08]:focus{outline:none}h2[data-v-4ffb183e]{margin-top:0}[data-v-ca7619ce]:after,[data-v-ca7619ce]:before{margin:0;padding:0;box-sizing:border-box}.modal[data-v-ca7619ce]{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:1}.inner-modal[data-v-ca7619ce]{max-width:500px;margin:2rem auto}.content-modal[data-v-ca7619ce]{position:relative;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.3);padding:2rem}.content[data-v-ca7619ce]{justify-content:center}.fade-enter-active[data-v-ca7619ce],.fade-leave-active[data-v-ca7619ce]{transition:opacity .5s}.fade-enter[data-v-ca7619ce],.fade-leave-to[data-v-ca7619ce]{opacity:0}.close-btn[data-v-ca7619ce]{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:600;font-size:16px;margin:1rem;line-height:35px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.close-btn[data-v-ca7619ce]:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}@media (min-width:768px){.close-btn[data-v-ca7619ce]{min-width:120px}}.close-btn[data-v-ca7619ce]:hover{background-color:#000;color:#fff}h1{margin-bottom:50px;font-size:50px;font-weight:600;font-family:Teko,sans-serif;color:#686868;text-shadow:8px 8px 0 #dbdbdb}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.container{display:inline-flex}.selection-container-2{display:inline-grid}#bass-notes-img,#treble-notes-img{width:400px;height:auto}.show-btn{background-color:#fff;border:2px solid #000;border-radius:5px;box-shadow:4px 4px 0 0 #545454;color:#545454;cursor:pointer;display:inline-grid;font-weight:600;font-size:16px;margin:2rem;line-height:35px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.show-btn:active{box-shadow:2px 2px 0 0 #545454;transform:translate(2px,2px)}@media (min-width:768px){.show-btn{min-width:140px}}.show-btn:hover{background-color:#000;color:#fff}footer{margin:0;margin-top:2rem;padding:8px;color:#545454}