*{box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0;padding:0}body{background-color:#ddd}.App{align-items:center;display:flex;justify-content:center;min-height:100vh}.c-player{background-color:#313131;border-radius:16px;box-shadow:inset -6px -6px 12px #000c,inset 6px 6px 12px #fff6;display:block;margin:0 auto;padding:50px}.c-player>h4{color:#fff;font-weight:500;text-transform:uppercase}.c-player>h4,.c-player>p{font-size:14px;text-align:center}.c-player>p{color:#aaa;font-weight:600}.c-player>p span{font-weight:400}.c-player--details .details-img{margin:0 auto;position:relative;width:fit-content}.c-player--details .details-img img{border-radius:50%;box-shadow:6px 6px 12px #000c,-6px -6px 12px #fff6;display:block;margin:50px auto;max-width:250px;width:100%}.c-player--details .details-img:after{border:3px dashed #ffce00;border-radius:50%;bottom:-25px;content:"";display:block;left:-25px;position:absolute;right:-25px;top:-25px}.c-player--details .details-title{color:#eee;font-size:28px;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #000c,-2px -2px 4px #fff6}.c-player--details .details-artist{color:#aaa;font-size:20px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #000c,-2px -2px 4px #fff6}.c-player--controls{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.c-player--controls .play-btn{background-color:#ffce00;border:none;border-radius:50%;box-shadow:4px 4px 10px #000c,-4px -4px 10px #fff6,inset -4px -4px 10px #0006,inset 4px 4px 10px #fff6;color:#fff;cursor:pointer;display:flex;font-size:24px;margin:0 30px;outline:none;padding:20px}.c-player--controls .skip-btn{background:none;border:none;color:#888;cursor:pointer;font-size:18px;outline:none}
/*# sourceMappingURL=main.fac72ed4.css.map*/