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;font-family:"Avenir Next LT Pro"}.menuArea{height:100%;overflow:hidden}#MenuAreaButtons{max-height:0;overflow:hidden;transition:all 1.2s cubic-bezier(.68,-.27,.63,1.39)}#MenuAreaButtons.Visible{max-height:800px}.playingBar{flex-direction:column;position:fixed;top:0;margin-top:0;background:#fff;padding:10px;height:60px;box-shadow:0 .5px 6px #000;z-index:1}.nowPlaying,.playingBar{display:flex;align-items:center;width:100%}.nowPlaying{height:30px;justify-content:center}.nowPlaying img{overflow:hidden;border-radius:5px;height:25px;width:25px}.playingControlsBar{display:flex;align-items:center;justify-content:space-between;height:30px;width:100%}.volumeTitle{font-size:8px;justify-content:center}.volumeScrubber{flex:2 1 auto;display:flex;flex-direction:column;padding:20px}.durationScrubber{flex:5 1 auto}.playPauseButton{flex:1 1 100px}.trackBrowser{margin-bottom:15px}.trackBrowser,.trackPlates{display:flex;flex-flow:column nowrap;width:100%}.trackPlates{justify-content:space-around}.trackListing{display:flex;flex-flow:row nowrap;width:100%}.trackInfo{display:flex;flex-flow:column nowrap;justify-content:space-around;flex:6 1 auto;margin-left:2%}.trackArtistAndName{display:flex;flex-flow:row wrap;flex:2 1 auto}.trackPlayCount{display:flex;flex-flow:row nowrap;flex:1 1 auto}ul{margin:0;padding-left:15px;padding-right:15px;display:flex;flex-flow:column nowrap}li{list-style-type:none;font-size:1rem;padding:15px;margin-bottom:15px;background:#f1e3ff}.artwork{margin-left:5%;display:block;cursor:pointer;opacity:1;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hoverContainer{position:relative;text-align:center;-webkit-transform:translate(35%,-280%);transform:translate(35%,-280%);transition:.5s ease;opacity:0}.hoverPlay{background-color:#4c2f50;color:#fff;font-size:16px;padding:8px;width:20%}.artwork:hover img{opacity:.4}.artwork:hover .hoverContainer{opacity:1}h1.BottomPlayerTitle{margin-top:100px}
/*# sourceMappingURL=main.088923c7.chunk.css.map */