.beats{margin-top:20px;font-family:Roboto,sans-serif}.beats button{background:none;border:none;cursor:pointer;padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.beats button svg{fill:rgba(0,0,0,.54)!important}.beats button:hover svg{fill:rgba(0,0,0,.87)!important}.beats-art{display:block;border-radius:2px;-o-object-fit:cover;object-fit:cover}.beats-art-empty{background-color:#eee;-ms-flex-pack:center;justify-content:center}.beats-art-empty,.beats-now{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.beats-now{padding:12px;background-color:#fafafa;border:1px solid #eee;border-radius:2px}.beats-now-main{-ms-flex:1 1;flex:1 1;min-width:0;margin:0 16px}.beats-now-title{font-size:16px;font-weight:500;color:rgba(0,0,0,.87);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.beats-seek{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:12px;color:rgba(0,0,0,.54);margin-top:6px}.beats-seek input{-ms-flex:1 1;flex:1 1;min-width:0;width:0;margin:0 10px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;outline:none;cursor:pointer}.beats-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#00bcd4}.beats-seek input::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#00bcd4}.beats-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.beats .beats-play{width:40px;height:40px;margin:0 4px;border-radius:50%;background-color:#333}.beats .beats-play:hover svg,.beats .beats-play svg{fill:#fff!important}.beats .beats-play:hover{background-color:#222}.beats-list{max-height:360px;overflow-y:auto;margin-top:8px;border-top:1px solid #eee;border-bottom:1px solid #eee}.beats-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:6px 8px;cursor:pointer;border-left:3px solid transparent}.beats-row.active,.beats-row:hover{background-color:#f5f5f5}.beats-row.active{border-left-color:#00bcd4}.beats-row-art{position:relative;-ms-flex-negative:0;flex-shrink:0}.beats-row-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.6);border-radius:2px;opacity:0;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.beats-row.active .beats-row-overlay,.beats-row:hover .beats-row-overlay{opacity:1}.beats-row-title{-ms-flex:1 1;flex:1 1;min-width:0;margin-left:14px;font-size:15px;color:rgba(0,0,0,.87);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.beats-row.active .beats-row-title{font-weight:500}.beats-loading{color:rgba(0,0,0,.4);font-size:13px}.beats-row-meta{-ms-flex-negative:0;flex-shrink:0;margin-left:12px;font-size:13px;color:rgba(0,0,0,.54)}.beats-count{text-align:right;font-size:12px;color:rgba(0,0,0,.4);margin-top:6px}@media(max-width:600px){.beats-now{-ms-flex-wrap:wrap;flex-wrap:wrap}.beats-controls{margin-left:auto}.beats-now-main{-ms-flex-order:3;order:3;-ms-flex-preferred-size:100%;flex-basis:100%;margin:10px 0 0}}.App-header{background-color:#333;padding:30px;color:#fafafa;padding-bottom:0}.hello{width:60%;font-size:22px;padding:50px;margin-right:-50px}.photo{text-align:center;margin-top:0;padding-left:50px;-webkit-transition:all .5s ease;-o-transition:all ease .5s;transition:all .5s ease}@media(max-width:840px){.photo{display:none}}.tabs>div{background-color:#222!important}.container{max-width:900px;margin-left:auto;margin-right:auto}.flexbox{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.logo{height:32px;-webkit-filter:grayscale(0);filter:grayscale(0)}.logo.big{height:52px}.buttons{margin-top:5px}.card{margin-top:10px!important}.card:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important}.cardTitle{letter-spacing:-1px}.content{padding:50px;padding-top:30px}.cardText{padding-top:0!important;font-size:17px!important;font-family:Roboto,sans-serif;line-height:1.3}.cardText a,.cardText a:visited{font-weight:700;text-decoration:none;color:#1a237e}.marg{margin:10px 25px 10px 15px}.icon{width:50px!important;height:50px!important;padding:10px 25px 10px 15px;opacity:.5;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}tr{cursor:default;opacity:.9}tr:hover>td>div{opacity:1}p{text-align:center}img.ss{padding:15px;width:50%!important;min-width:50%!important;max-width:50%!important}.card,body,button{margin:0;padding:0;font-family:Roboto Mono,sans-serif!important;background-color:#f0f0f0}
/*# sourceMappingURL=main.63250bca.css.map*/