*{margin:0;padding:0;box-sizing:border-box;font-family:"Fira-sans",sans-serif}body{background-image:linear-gradient(0deg,#d3d3d3 0,#d3d3d3 1%,#e0e0e0 26%,#efefef 48%,#d9d9d9 75%,#bcbcbc)}.App{display:flex;align-items:center;justify-content:center;min-height:100vh}.c-player>h4{color:#fff;font-size:14px;text-transform:uppercase;font-weight:500;text-align:center}.c-player{display:block;background-image:linear-gradient(90deg,#243949 0,#517fa4);padding:50px;border-radius:16px;box-shadow:0 20px 30px -10px #26394d}.c-player>p{color:#aaa;font-size:14px;text-align:center;font-weight:600}.c-player>p span{font-weight:400}.c-player--details .details-img{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.c-player--details .details-img img{display:block;margin:50px auto;width:100%;max-width:250px;border-radius:50%;box-shadow:6px 6px 12px rgba(0,0,0,.8),-6px -6px 12px hsla(0,0%,100%,.4)}.c-player--details .details-img:after{content:"";display:block;position:absolute;top:-25px;left:-25px;right:-25px;bottom:-25px;border-radius:50%;border:3px dashed #ffce00}.c-player--details .details-title{color:#eee;font-size:28px;margin-bottom:10px}.c-player--details .details-artist,.c-player--details .details-title{text-shadow:2px 2px 4px rgba(0,0,0,.8),-2px -2px 4px hsla(0,0%,100%,.4);text-align:center}.c-player--details .details-artist{color:#aaa;font-size:20px;margin-bottom:20px}.c-player--controls{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.c-player--controls .play-btn{display:flex;margin:0 30px;padding:20px;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);border:none;outline:none;background-color:#ffce00;color:#fff;font-size:24px;cursor:pointer}.c-player--controls .skip-btn{background:none;border:none;outline:none;cursor:pointer;color:#888;font-size:18px}
/*# sourceMappingURL=main.9b729c68.chunk.css.map */