*{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 rgba(0,0,0,.8),inset 6px 6px 12px hsla(0,0%,100%,.4);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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-player--details .details-img img{border-radius:50%;box-shadow:6px 6px 12px rgba(0,0,0,.8),-6px -6px 12px hsla(0,0%,100%,.4);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}.c-player--details .details-artist,.c-player--details .details-title{text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8),-2px -2px 4px hsla(0,0%,100%,.4)}.c-player--details .details-artist{color:#aaa;font-size:20px;margin-bottom:20px}.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 rgba(0,0,0,.8),-4px -4px 10px hsla(0,0%,100%,.4),inset -4px -4px 10px rgba(0,0,0,.4),inset 4px 4px 10px hsla(0,0%,100%,.4);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.d0f04f76.css.map*/