@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{align-items:center;display:flex;justify-content:center}.searchBar{border-radius:10px;gap:2;margin-bottom:6px;padding:5px}.searchBar>input{border:none;margin-left:4px;outline:none;padding:2px}.next-songs{align-items:center;display:flex;flex-direction:column;text-align:center}.duration{display:block;flex-direction:row;margin-bottom:10px;padding:10px}.c-player{border-radius:16px;box-shadow:inset -2px -2px 12px rgba(0,0,0,.8),inset 2px 2px 6px hsla(0,0%,100%,.4);display:block;margin:5px auto;max-width:576px;min-width:390px;padding:25px 60px;transition-duration:.5s}.c-player>p{font-size:16px;font-weight:600;text-align:center}.c-player h4{color:#e8c103;font-size:20px;text-align:center}.c-player>p span{color:#e8bc0c;font-weight:400}.c-player--details .details-img{margin:0 auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rotate{-webkit-animation:rotation 12s linear infinite;animation:rotation 12s linear infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.c-player--details .details-img img{border:2px solid #e8c103;border-radius:50%;box-shadow:6px 6px 12px rgba(0,0,0,.8),-6px -6px 12px hsla(0,0%,100%,.4);display:block;margin:40px auto;max-width:200px;width:200px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.c-player--details .details-img:after{border-radius:20%;bottom:-25px;content:"";display:block;left:-25px;position:absolute;right:-25px;top:-25px}.c-player--details .details-title{font-size:28px;margin-bottom:10px;text-align:center}.c-player--details .details-artist{font-size:20px;margin-bottom:10px;text-align:center}.c-player--controls{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.c-player--controls .play-btn{background-color:#e8c103;border:1px solid #000;border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.8),-2px -2px 5px hsla(0,0%,100%,.4),inset -4px -4px 10px rgba(0,0,0,.4),inset 2px 2px 5px hsla(0,0%,100%,.4);color:#000;cursor:pointer;display:flex;font-size:24px;margin:0 30px;outline:none;padding:18px 25px}.c-player--controls .skip-btn{background:none;border:none;border-radius:50%;box-shadow:1px 1px 8px #000;color:#e8c103;cursor:pointer;font-size:20px;outline:none;padding:13px 18px}
/*# sourceMappingURL=main.bc01328c.css.map*/