*{margin:0;padding:0;box-sizing:"border-box"}h1,h2,h3{color:#363636}body{font-family:"Lato",sans-serif}h3,h4{font-weight:400;color:#646464}.song-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.song-container img{width:20%;border-radius:50%}.song-container h2{padding:1rem}.song-container h3{font-size:1rem}.song-container h4{padding:1rem;font-size:.5rem;color:#b7ebc5}.song-container h5{padding:1rem;font-size:.7rem;color:#4682b4}@media screen and (max-width:768px){.song-container img{width:60%}}.player{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.time-control{width:50%;display:flex}.time-control input{width:100%;padding:1rem 0}.time-control p{padding:1rem}.play-control{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:20%;min-width:20%}.play-control svg{cursor:pointer}@media screen and (max-width:768px){.time-control{width:90%}.play-control{width:60%}}.video{margin:0;padding:.5rem 1rem 1rem;box-sizing:"border-box";display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:visible;opacity:1}.library{position:fixed;top:0;left:0;width:20rem;height:100%;background:#fff;box-shadow:2px 2px 50px #929292;overflow:scroll;transform:translateX(-100%);transition:all .5s ease;opacity:0}.library h2{padding:2rem}.library-song{display:flex;align-items:center;padding:2rem 2rem 1rem;cursor:pointer;transition:background .5s ease}.library-song img{width:30%}.library-song:hover{background:#d1d3fa}.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:#b3cbd4}.active-library{transform:translateX(0);opacity:.9}.hide-library{transform:translateX(-100%);opacity:0}.nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}.nav button{background:transparent;cursor:pointer;border:2px solid #383838;padding:.5rem;transition:all .3s ease}.nav button:hover{background:#383838;color:#fff}.more{position:fixed;bottom:100px;left:10%;right:10%;height:80%;background:#fff;box-shadow:2px 2px 50px #929292;overflow:scroll;transition:all .5s ease;margin-left:auto;margin-right:auto;box-sizing:"border-box";display:inline;flex-direction:column;align-items:center;justify-content:center;max-width:80%;text-align:center;opacity:1;padding:2rem}.more h1{color:#1b1b1b;font-size:1.8rem;font-weight:700}.more h4{font-size:1.6rem;font-weight:500;color:#1b1b1b}.more h2{color:#363636;font-size:1.5rem;font-weight:50;padding:3rem 1rem 1rem}.more h3{font-size:1.1rem;font-weight:30;color:#646464}.more-button{min-height:10vh;display:flex;justify-content:space-around;align-items:center;padding:2rem}.more-button button{background:transparent;cursor:pointer;border:2px solid #383838;padding:.5rem;transition:all .3s ease}.more-button button:hover{background:#383838;color:#fff}.active-more{opacity:1;transform:translateX(0)}.hide-more{opacity:0;transform:translateY(-300%)}@media screen and (max-width:768px){.more{padding:.5rem 1rem 1rem;box-sizing:"border-box";display:inline;flex-direction:column;align-items:center;justify-content:center}}
/*# sourceMappingURL=main.74c5fd15.chunk.css.map */