@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&family=Roboto&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body,html{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}li,ol,ul{list-style:none;display:inline-block}body{background:linear-gradient(0deg,rgba(19,12,54,.2),rgba(19,12,54,.2)),#1e144a;color:#fff}.div404{flex-direction:column;height:100vh}.div404,.flex404{display:flex;align-items:center}.flex404{margin-top:6rem}.title404{color:#fff;padding:0 auto;margin-top:0;margin-bottom:0;font-size:60px}.image404{height:100px;margin:0 20px}.title2404{color:#fff;padding:2rem auto 0;margin-bottom:5rem;margin-top:5rem;font-size:15px;text-align:center}.rotate-scale-up{animation:rotate-scale-up 5s linear both}@keyframes rotate-scale-up{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.App{text-align:center}.App h1{color:#fff}body{font-family:"Poppins",sans-serif;background:#000}#burger{display:none}#label-burger{position:fixed;top:-1.2rem;right:2rem;height:2rem;width:2rem;z-index:999;border-radius:10px;padding:2rem;display:flex;align-items:center}#label-burger span{position:absolute;width:3rem;height:3px;top:1rem;margin-top:2rem;left:1.5rem;display:block;background-color:#fff;transition:.5s;border-radius:10px}#label-burger span:first-child{top:0}#label-burger span:last-child{top:2rem}#label-burger:hover{cursor:pointer}input:checked+#label-burger span{opacity:0;top:1rem}input:checked+#label-burger span:first-child{opacity:1;transform:rotate(405deg)}input:checked+#label-burger span:last-child{opacity:1;transform:rotate(-405deg)}.white{background-color:#fff!important}#nav-header{position:fixed;top:0;left:0;width:100%;height:0%;background:rgba(74,173,235,.5);backdrop-filter:blur(50px);-webkit-background:rgba(74,173,235,.5);-webkit-backdrop-filter:blur(50px);-moz-background:rgba(74,173,235,.5);-moz-backdrop-filter:blur(75px);z-index:900;transition:.5s;transition-delay:.5s;overflow:hidden}#nav-header ul{text-align:right;position:absolute;top:10rem;right:5rem;list-style-type:none;color:#fff}#nav-header ul li{opacity:0;transition:.5s;transition-delay:0s}.a{text-decoration:none;color:#fff;font-weight:300;display:block;padding:1.5rem;font-size:2rem}input:checked~#nav-header{height:100%;transition-delay:0s}input:checked~#nav-header ul li{opacity:1;transition-delay:.5s}.a:hover{text-decoration:none;color:#ffe695;transform:scale(1.1)}.nameLogo{display:flex;justify-content:left;align-items:center}.nameApp{margin:8px 2px 0 4px}ul{display:flex;flex-direction:column}body{background-color:#4d4855;background-image:linear-gradient(147deg,#4d4855,#000 74%)}.titre-playlist{margin:50px auto 20px}.cartes-favori{background:#000}.searchBar{margin:6rem auto 20px}.searchBar h2{font-size:20px;color:#fff}.c-player{display:block;margin:0 auto;border-radius:16px}.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{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%}.c-player--details .details-title{color:#eee;font-size:28px;text-align:center;margin-bottom:10px}.c-player--details .details-artist{color:#aaa;font-size:20px;text-align:center;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%;border:none;outline:none;background-color:#19cffc;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}.scroll{color:#1acffc}.divscroll{width:400px;margin:0 auto}.blanc{opacity:0}.titre-playlist{margin:6rem auto 20px;font-size:20px;color:#fff}.cartes-favori{display:flex;border-radius:5px;padding:5px;margin:10px auto;width:80%;align-items:center;background-color:#19cffc}.description-favori{display:flex;flex-direction:column;margin-left:20px;justify-content:center;align-items:flex-start;color:#000}.image-favori{width:50px;border-radius:50px}.titre-favori{font-size:12px;font-weight:700;margin:0}.artiste-favori{font-size:10px;margin:0}.coeur-favori{height:20px;margin:auto 10px}.modal-playlist{color:#fff}.descriptiontext,.hometext{color:#fff;font-size:18px}.homediv{margin-top:7rem}
/*# sourceMappingURL=main.a71ba00d.chunk.css.map */