*{margin:0;padding:0;box-sizing:border-box;font-family:"Fira Sans",sans-serif}body{background:linear-gradient(0deg,#70c322,rgba(218,67,62,.5))}.App{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.c-player{display:block;background-image:linear-gradient(180deg,#e43f47,#6d47f7);margin:0 auto;padding:30px;border-radius:16px;box-shadow:inset -6px -6px 12px rgba(0,0,0,.8),inset 6px 6px 12px hsla(0,0%,100%,.4)}.c-player>h4{color:#fff;text-transform:uppercase;font-weight:500}.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,.c-player>p span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-player--details .details-img{position:relative;margin:0 auto}.c-player--details .details-img img{display:block;margin:50px auto;object-fit:contain;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(138,88,88,.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 .play-btn:hover{color:#ffce00;background-color:inherit}.c-player--audio{margin-top:-20px;margin-bottom:5px;outline-width:0;opacity:.4}.c-player--controls .skip-btn{background:none;border:none;outline:none;cursor:pointer;color:#888;font-size:18px}.c-player--controls .skip-btn:hover{transition:.5s ease-in-out;transform:scale(1.1);color:#fff;background-color:inherit}audio::-webkit-media-controls-play-button{display:none}
/*# sourceMappingURL=main.46264b05.chunk.css.map */