@import url(https://fonts.googleapis.com/css2?family=Mea+Culpa&family=Twinkle+Star&family=Vujahday+Script&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}body{background-color:#f7f7f7;margin:0 .5rem;min-height:100vh;min-width:500px}.App{align-items:center;display:flex;flex-direction:column}.header{font-size:40px;letter-spacing:1px;margin:0 auto;padding:1rem 0;text-align:center}.wrapper{max-width:1000px}.player_container{align-items:center;border:2px solid #be185d;border-radius:0 0 5px 5px;border-top:none;display:flex;flex-direction:column;justify-content:space-between;min-width:20vh}.time_control{display:flex;width:100%}.time_control input{-webkit-appearance:none;background:transparent;cursor:pointer;width:100%}.time_control p{line-height:1rem;padding:0 1rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1rem;width:1rem}.play_control{align-items:center;display:flex;justify-content:space-between;padding:1rem;width:90%}.play_control svg{cursor:pointer}.track{border-radius:10px;height:1rem;overflow:hidden;position:relative;width:100%}.animate_track{background-color:#ccc;border-bottom-right-radius:10px;border-top-right-radius:10px;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%}.song_container{align-items:center;border:2px solid #be185d;border-bottom:none;border-top:none;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.song_container img{border-radius:50%;max-width:20%}.song_container h2{font-family:Twinkle Star,cursive;padding:3rem 1rem 1rem}.song_container h3{font-family:Vujahday Script,cursive;font-size:2.5rem}.song_list{background-color:#fdd5dc;cursor:pointer;height:100vh;left:0;overflow:auto;position:fixed;top:0;transition:all .5s linear;width:350px}.song_list h2{padding:1rem;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#ff95a7;border-radius:5px;box-shadow:inset 0 0 5px #ffbac6}::-webkit-scrollbar-thumb{background:#ad5060;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b13348}.song_list_items{cursor:auto;margin:1rem}.song_list_items hr{margin:1rem auto}.song_list_items img{border-radius:50%;height:80px;width:80px}.song_list_items .song_item{align-items:center;cursor:pointer;display:flex;margin-bottom:.5rem;padding:1rem .5rem;transition:all .3s linear}.song_list_items .song_item:hover{background-color:#f7f7f7;border-radius:20px}.song_list_items .song_item .song_description{padding-left:1rem}.song_list_items .song_item .song_description h3{margin-bottom:5px}.selected{background-color:#f7f7f7;border-radius:20px}.display_list{-webkit-transform:translateX(-400px);transform:translateX(-400px)}nav{align-items:center;background-color:#be185d;border-radius:5px 5px 0 0;color:#fff;display:flex;justify-content:space-between;min-height:10vh;padding:1rem 2rem}nav h2{font-size:30px}nav button{background-color:#f7f7f7;border:2px solid transparent;border-radius:5px;cursor:pointer;font-size:20px;padding:.5rem 1rem;transition:all .3s ease}nav button:hover{background-color:#00000050;border:2px solid #be185d;color:#f7f7f7}nav button svg{margin-left:10px}
/*# sourceMappingURL=main.e29db20d.css.map*/