*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Lato",sans-serif}h3,h4{font-weight:400}.App{transition:all .5s ease}.library-active{margin-left:15rem}@media screen and (max-width:768px){.library-active .player,.library-active .song-container,.library-active h1.title{opacity:0}}.info-active{margin-right:15rem}@media screen and (max-width:768px){.info-active .library-button,.info-active .player,.info-active .song-container,.info-active h1.title{opacity:0}}.library-and-info-active{transition:all .5s ease;margin:0 10rem}@media screen and (max-width:768px){.library-and-info-active .player,.library-and-info-active .song-container,.library-and-info-active h1.title{opacity:0}}.song-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.song-container img{width:20%;border-radius:50%;border-color:#000;box-shadow:0 0 0 .2rem #c4c4c4;transition:.2s ease-in;cursor:pointer}.song-container img:hover{-webkit-animation:none;animation:none;border-radius:10%;border:2px solid #000;transition:all .3s ease}.song-container .spin-img{-webkit-animation:rotation 6s linear infinite;animation:rotation 6s linear infinite}.song-container h2{padding:3rem 1rem 1rem}.song-container h3{font-size:1rem}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media screen and (max-width:768px){.song-container img{padding:1rem;width:50%}}.player{min-height:20vh;flex-direction:column;justify-content:space-between}.player,.time-control{display:flex;align-items:center}.time-control{padding-top:.5rem;width:50%}.time-control input{width:100%;-webkit-appearance:none;background:transparent;cursor:pointer}.time{font-family:"Lato",sans-serif;font-weight:700;font-size:.8rem;padding:.6rem}.play-control{display:flex;justify-content:space-around;align-items:center;padding:1rem;width:30%}.play-control svg{cursor:pointer;border-radius:50%;transition:all .4s ease}.play-control svg:hover{transition:all .4s ease;-webkit-filter:brightness(40%) contrast(55%);filter:brightness(40%) contrast(55%)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #a5a4a4;height:1.5rem;width:1.5rem;overflow:visible;border-radius:50%;background-color:#dbdbdb;-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{-webkit-transition:all .2s ease;transition:all .2s ease;background-color:#d4d4d4;height:1.6rem;width:1.6rem}.track{width:100%;height:1rem;position:relative;border-radius:1rem}.animate-track{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(0);pointer-events:none}@media screen and (max-width:768px){.player{margin-top:-3.3rem}.player .time-control{width:90%}.player .play-control{width:80%}}.library{position:fixed;top:0;left:0;width:20rem;height:100%;box-shadow:2px 2px 50px #cfcfcf;overflow:scroll;transform:translateX(-100%);transition:all .5s ease;opacity:0}.library h2{padding:2rem}.library-song-container{display:flex;align-items:center;padding:1rem 2rem;transition:background .5s ease;cursor:pointer}.library-song-container img{width:30%}.library-song-container:hover{background-color:#d4e8fa}.song-description{padding-left:1rem}.song-description h3{font-size:1rem}.song-description h4{font-size:.8rem}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,60.8%,.5) transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,60.8%,.5);border-radius:20px;border:transparent}.selected{background:#b2cee7}.active-library{transform:translateX(0);opacity:1}@media screen and (max-width:768px){.library{width:100%}.active-library{transform:translateX(0);opacity:1}.active-library .title{opacity:0}}nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}nav button svg{padding-left:.2rem}.library-button{cursor:pointer;padding:.5rem;outline:none}.library-button:hover{border:none;border-radius:15%;-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%)}.mobile-close-icon{background:transparent;transition:transform .6s ease-in-out;border:none;font-size:2.1rem}.mobile-close-icon:focus{outline:none;box-shadow:none}.mobile-close-icon:hover{background:none;-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%);transform:rotate(180deg)}@media screen and (max-width:768px){nav button{z-index:10}.mobile-close-icon{background:none;border:none;margin-top:1.3rem;font-size:1.8rem;margin-right:2rem}h1.title{font-size:1.3rem}}.artist-info-container{position:fixed;top:0;right:0;width:20rem;height:100%;box-shadow:2px 2px 50px #cfcfcf;overflow:scroll;transform:translateX(100%);transition:all .5s ease;padding:1.5rem}.artist-info-container .artist-info{display:flex;flex-wrap:wrap;width:100%}.artist-info-container .artist-info a{order:3;text-decoration:none;color:#414141;width:100%;padding-top:.7rem}.artist-info-container .artist-info a svg{margin-left:.5rem}.artist-info-container .artist-info .more-button{padding-top:.9rem;order:2;width:100%;transition:all .2s ease;cursor:pointer}.artist-info-container .artist-info .more-button:hover{-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%)}.artist-info-container .artist-info .more-button svg{height:1rem;width:1rem;padding-left:.5rem}.artist-info-container .artist-info p{position:relative;overflow:hidden;transition:all .5s ease;max-height:45%;line-height:1.2rem}.artist-info-container .artist-info p:after{content:"";width:1rem;height:1.2rem;transition:all 1.5s ease;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff)}@supports (-webkit-line-clamp:1){.artist-info-container .artist-info p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.artist-info-container .artist-info p:after{display:none}}.artist-info-container .artist-info .expand-container{max-height:150%;height:auto;display:block;overflow:auto}.artist-info-container .artist-info .close-info{margin-left:15rem;margin-bottom:-2.1rem;transition:transform .6s ease-in-out;border:none;font-size:1.6rem}.artist-info-container .artist-info .close-info:focus{outline:none;box-shadow:none}.artist-info-container .artist-info .close-info:hover{cursor:pointer;background:none;transform:rotate(180deg)}.show-less{display:none}.show-less:target{display:block}.show-less:target~p{max-height:200%;height:155%}.show-less:target+a,.show-less:target .media-container{display:none}.info-container{height:46vh;display:flex;width:17rem}.info-container p{order:2;padding-left:2rem;height:40vh;font-size:.99rem;width:90%;letter-spacing:.1rem;word-spacing:.1rem}.info-container h2{order:1;width:50%;padding-top:.5rem;padding-bottom:2rem;max-height:10vh}.media-container{order:4;width:75%;flex-direction:column;overflow:hidden;display:flex}.media-container h2{width:100%;margin-bottom:-.5rem;margin-top:1.5rem}.media-container a{padding:.6rem 1.5rem;flex-direction:column}.media-container a img{width:auto;max-width:10rem;margin-left:1rem}.media-container a svg{padding-left:.2rem}.media-container a:hover{transition:all .3s ease-out;border:none;border-radius:5%;-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%)}.hide-media{transition:display 1s ease;display:none}.active-info{transform:translateX(0);opacity:1}@media screen and (max-width:768px){.artist-info-container{z-index:10;width:100%}.artist-info-container .artist-info .close-info{margin-left:17rem;margin-top:.5rem}.info-container p{width:130%}.info-container h2{margin-left:2.2rem}.media-container{display:flex;justify-content:space-evenly;height:auto;max-height:100%;overflow:visible;width:77%;margin:.8rem -1rem -1rem}.media-container h2{width:90%;margin-right:10rem;padding-bottom:1.3rem}.media-container a{margin-top:.5rem;margin-left:4rem}.media-container a img{margin:.2 auto}.media-container a svg{background-size:10%}.hide-media{display:none}}
/*# sourceMappingURL=main.38715e7e.chunk.css.map */