body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.black{background-color:#132a13;height:55%;margin-left:-2.2vw;margin-right:-2.15vw;z-index:3}.black,.white{align-self:flex-start;border:.2vw solid #000;border-radius:0 0 15px 15px;display:flex;position:relative;width:4vw}.white{background-color:#fff;height:100%}.black:active{background-color:#021902}.white:active{background-color:#eee}.text_key{font-size:120%;font-weight:500;left:50%;position:absolute;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.black .text_key{color:#ffffff9d;top:85%}.white .text_key{top:90%}.white.pressed{background-color:#ddb892}.white.pressed .text_key{font-weight:700}.black.pressed{background-color:#7f5539}.black.pressed .text_key{font-weight:700}@media screen and (max-width:950px){.black{margin-left:-2.1vw;margin-right:-2.1vw}}.piano_background{background-color:#3d5d30;flex-direction:column;height:100%;width:100%}.keys_background,.piano_background{align-items:center;display:flex;justify-content:center}.keys_background{flex-direction:row;height:40vh;margin-bottom:10px;margin-top:30px;padding:10px;width:70vw}.versions{display:flex;height:5%;justify-content:space-evenly;margin-bottom:-1%;margin-top:1%;width:40%}#version1,#version2,#version3{align-items:center;background-color:#4c6e3d;border-radius:1vh;color:#ffffff7e;display:flex;font-size:1vw;height:100%;justify-content:center;width:15%}#version1.active_version,#version1:hover,#version2.active_version,#version2:hover,#version3.active_version,#version3:hover{background-color:#6e8f5f}.board_background{background-color:#a1b896;border:2px solid #4c6e3d;border-radius:3vh;flex-direction:column;height:100%;width:90%}.board_background,.buttons{align-items:center;display:flex;justify-content:center;padding:10px}.buttons{flex-direction:row;height:35%;width:65%}.song_title{background-color:#6e8f5f64;border-radius:2vh;color:hsla(0,0%,100%,.655);font-size:2.5vh;padding:1vw;text-align:center;width:90%}#prev_button{color:#5d7f4e;font-size:2.5vw;margin-right:10px;padding:10px;text-align:center}#prev_button:hover{color:#6e8f5f}#next_button{color:#5d7f4e;font-size:2.5vw;margin-left:10px;padding:10px;text-align:center}#next_button:hover{color:#6e8f5f}.notes_background{align-content:center;background-color:#a1b896;flex-wrap:wrap;height:85%;width:95%}.notes,.notes_background{align-items:center;display:flex;justify-content:center}.notes{border-radius:10px;font-size:16px;font-weight:700;height:6vh;margin:1%}.n1{background-color:#2b9348;width:6vh}.n2{background-color:#55a630;width:12vh}.n3{background-color:#80b918;width:18vh}.n4{background-color:#ac0;width:23vh}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}
/*# sourceMappingURL=main.70f144e2.css.map*/