#root,body,html{height:100%}body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:"pacificoregular";src:url(/static/media/pacifico-regular-webfont.8feab161.woff2) format("woff2"),url(/static/media/pacifico-regular-webfont.1d5ad45f.woff) format("woff");font-weight:400;font-style:normal}#root,.metronome{display:flex;flex-direction:column}.metronome{align-items:center;padding-left:3px;padding-right:3px}.tempo-input{border-width:2px;border-style:solid;border-radius:5px;flex-grow:1}.volume-control{width:100%}@media (min-width:576px){.volume-control{margin-left:20px;max-width:300px}}.tempo-row{display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width:576px){.tempo-row{flex-direction:row}}.start-button{margin-top:5px;height:60px}.songs-list{margin-top:20px}.tap-button{margin-top:5px}.hidden{display:none}.tempo-input{display:flex;background-color:#e67e22;width:100%}.bpm-input{display:flex;flex-grow:1;flex-wrap:nowrap;align-items:center;height:86px}.bpm-input input{width:100%;height:80px;line-height:80px;font-size:30px;text-align:center}.bpm-input label{margin-right:3px;margin-left:3px}.tempo-controls{display:flex;flex-direction:column}.tempo-controls *,.tempo-controls button{height:43px;width:43px}.carrot-flat-button{position:relative;vertical-align:top;width:100%;height:60px;padding:0;font-size:22px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.25);background:#e67e22;border:0;cursor:pointer}.carrot-flat-button:active{top:1px;outline:none;box-shadow:none}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.song div{display:inline}.full-width{width:100%}.song-name-parent{cursor:pointer}.song-name-parent .song-name{display:block;transition:font-size .2s cubic-bezier(.25,1,.5,1);transform-origin:left}.song-name-parent .song-name.selected-song{font-size:35px!important}.song-name-parent:hover .song-name{font-size:25px}.volume-control-component{display:flex;flex-direction:column;width:100%}.volume-control-component .control{width:100%}.header{display:flex;align-items:center;justify-content:center}.logo{height:100px}.header-title{font-family:"pacificoregular";font-size:3rem;color:#d291bc}.about{display:flex;align-items:center;background-color:#ffcbcb}.text{min-width:300px}.text p:not(:first-child){margin-top:8px}.text .github-link{margin-top:2px;font-size:2rem}.guitar-wrapper{padding-left:20px;padding-right:20px}.guitar-wrapper .guitar{max-height:300px;height:auto}.app-footer{background-color:#aacfcf}.linkedin-logo{height:23px;vertical-align:text-bottom;margin-left:5px}.App{text-align:center;margin-left:auto;margin-right:auto}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{display:flex;background-color:#222;height:150px;padding:20px;color:#fff;align-items:center}.App-title{font-size:1.5em;margin-left:auto;margin-right:auto}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{margin-bottom:20px}.application{flex-grow:1}
/*# sourceMappingURL=main.1cfea5c2.chunk.css.map */