body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-image:"background.png"}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Options-menu{background-color:#084200;height:100%;width:70%;margin-left:15%}.Keyboard-layout{background-color:#1e90ff;height:100%;width:20%}.BeatBox-layout{background-color:#0004ff;height:100%;width:70%;margin-left:5%}.play{height:74px;border-color:transparent transparent transparent #000;border-style:solid;border-width:37px 0 37px 60px}.pause{width:74px;height:74px;border:double #202020;border-width:0 0 0 74px}.keyboard{display:flex;flex-direction:row;margin:0 auto}.key{background-color:#fff;height:250px;width:60px;border:2px solid #000}.key.sharp{position:relative;background-color:#000;margin-left:-17px;margin-right:-17px;height:125px;width:30px;z-index:2}.key.pressed,.key.sharp.pressed{background-color:#add8e6}
/*# sourceMappingURL=main.3cd6aac2.chunk.css.map */