@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&family=Poppins:wght@400;500;600&display=swap);*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}body{background-color:#edf2f7}.App{align-items:center;display:flex;justify-content:center;min-height:100vh}.c-player{background-color:#2d3748;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.2);display:block;padding:2rem;-webkit-transform:perspective(1000px) rotateY(10deg);transform:perspective(1000px) rotateY(10deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.c-player:hover{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}.c-player>h4,.c-player>p{color:#e2e8f0;font-size:1rem;font-weight:400;text-align:center}.c-player>p{color:#a0aec0}.c-player--details .details-img{margin:2rem auto;position:relative}.c-player--details .details-img img{-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);display:block;margin:0 auto;max-width:250px;overflow:hidden;width:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.c-player--details .details-artist,.c-player--details .details-title{color:#e2e8f0;font-size:1.75rem;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.c-player--details .details-artist{font-size:1.25rem;margin-bottom:1rem}.c-player--controls{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.c-player--controls .play-btn{background-color:#f90;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#e2e8f0;cursor:pointer;display:flex;font-size:1.5rem;margin:0 1rem;outline:none;padding:1rem}.c-player--controls .skip-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;outline:none}.dark{color:#e2e8f0}.dark,.dark body{background-color:#1a202c}.dark .c-player{background-color:#4a5568;box-shadow:0 4px 6px rgba(0,0,0,.4)}.dark .c-player>h4,.dark .c-player>p{color:#e2e8f0}button{background-color:initial;border:none;color:#718096;cursor:pointer;font-size:1.5rem;outline:none;padding:.5rem 1rem}button:hover{color:#4a5568}@media (max-width:768px){.c-player{width:80%}.c-player--details .details-title{font-size:1.5rem}.c-player--details .details-artist{font-size:1rem}}@media (min-width:769px) and (max-width:1024px){.c-player--details .details-title{font-size:1.75rem}.c-player--details .details-artist{font-size:1.25rem}}
/*# sourceMappingURL=main.6e743ec6.css.map*/