body{background:#000;color:#fff}.App{text-align:center;padding:5%}.App-title{font-size:26px}.profile,.profile-info{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.profile-info{margin-left:10px;text-align:left;-ms-flex-direction:column;flex-direction:column}.profile-img{width:200px;height:200px;border:3px solid #fff;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-name{font-size:26px}.profile-followers,.profile-genres{font-size:18px}.track{display:inline-block;margin:10px;text-align:left;cursor:pointer;position:relative}.track,.track-img{width:220px;height:220px}.track-img{border:3px solid #fff;border-radius:3px;-o-object-fit:cover;object-fit:cover;position:absolute}.track-text{background-color:#000;color:#fff;opacity:.85;width:214px;margin-left:3px;text-align:center;position:absolute;bottom:0;padding:10px}.track-play{position:absolute;width:220px;height:220px}.track-play-inner{position:absolute;text-align:center;font-size:25px;background-color:#000;border-radius:30px;width:60px;height:60px;color:#fff;padding-top:13px;margin-left:80px;margin-top:80px;opacity:0}.track-play-inner:hover{opacity:.8;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@@keyframes fade-in{0%{opacity:0}to{opacity:.8}}
/*# sourceMappingURL=main.656f232c.css.map*/