@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);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}#content{max-height:35vh}#keyboard{font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;padding-top:.5em}ul{list-style:none}#keyboard .key{position:relative;width:60px;height:180px;border:1px solid #000;border-right:none;background:#f1f1ec;border-radius:5px;box-shadow:0 3px 5px #666;cursor:pointer;display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px;font-weight:700}#keyboard .key:last-child{border-right:1px solid #000}#keyboard .black-key{position:absolute;top:-1px;left:37.5px;width:45px;height:120px;background:#111;border-radius:5px;box-shadow:0 3px 5px #666;z-index:999;display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px;color:#fff}#keyboard .pressed{background-color:red}#container{display:none}.featured{vertical-align:middle;border-radius:100%;margin:.7em 1em}.list-songs{display:inline}#list{height:45vh;width:70vw;scrollbar-base-color:gold;overflow:auto}#song-chords{height:60vh;overflow:auto;padding:2em}#search-song{margin-bottom:1.3em}.chordline{margin-top:10px;line-height:1.5em}.chordline>span{position:relative;font-weight:400;line-height:2.3em}.chordline span strong{display:inline-block;line-height:2em;position:relative;width:0;top:-1.3em;left:0;font:700 80%/1 sans-serif;color:#006181}.chordline span strong span{display:none}.App{text-align:center}.App-header{background-color:#282c34;min-height:70.5vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#333;color:#eee;font-family:Helvetica,Arial;font-size:3vmin}.hidden{display:none}.btn{background-color:transparent;border-radius:2em;border:.2em solid #1ecd97;color:#1ecd97;cursor:pointer;font-size:3vmin;padding:.7em 1.5em;text-transform:uppercase;-webkit-transition:all .25s ease;transition:all .25s ease}.btn:hover{background:#1ecd97;color:#333}.btn--login{margin:0 auto}.background{left:0;right:0;top:0;bottom:0;background-size:cover;background-position:50%;-webkit-filter:blur(8em) opacity(.6);filter:blur(8em) opacity(.6);position:absolute}.main-wrapper{margin:0 auto;position:relative;width:80%;z-index:1}.container,.main-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.main-container{flex:1 1}
/*# sourceMappingURL=main.8f812ba7.chunk.css.map */