.App{min-height:100vh;max-width:100vw;overflow:hidden;background:#222326;color:#fafafa;font-family:"Montserrat",sans-serif}*{margin:0;padding:0;box-sizing:border-box}:after,:before{box-sizing:inherit}html{font-size:62.5%;line-height:1.3}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.6rem}h5,p{font-size:1.2rem}h6{font-size:1rem}h1,h2,h3,h4,h5,h6,p{color:#222326}.nav{min-height:10vh;width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 5rem}.nav button,.nav h2{color:#fafafa}.nav button{font-family:"Montserrat",sans-serif;position:relative;padding:1rem;background:transparent;border:2px solid #fafafa;transition:all .3s ease;cursor:pointer;z-index:2}.nav button:hover{background:#fafafa;color:#222326}.nav button span{padding-left:1rem}.nav button .favourites-counter{position:absolute;top:-50%;right:0;background:#f7afaf;color:#fafafa;padding:.5rem;border-radius:0}.favourites{position:fixed;top:0;left:0;height:85vh;width:25vw;overflow-x:hidden;overflow-y:scroll;background:#fafafa;z-index:1;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease}.favourites h2{text-align:center;padding:1rem 0}.favourites.active{-webkit-transform:translateX(0);transform:translateX(0)}.favourite-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;transition:all .3s ease;padding:1rem 0}.favourite-card:hover{scale:1.1}.favourite-card img{width:50%;object-fit:cover}@media screen and (max-width:768px){.favourites{width:50vw}}.library{min-height:100vh;width:80%;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,300px));place-content:center;padding-bottom:calc(15vh + 1rem)}.song-card{text-align:center;position:relative;background:#fafafa}.song-card:hover{background:#222326;outline:2px solid #fafafa}.song-card:hover h3,.song-card:hover h4{color:#fafafa}.song-card img{width:100%;object-fit:cover}.song-card img:hover{cursor:pointer}.song-card .icon{position:absolute;top:10%;right:10%;color:#fafafa;background:#222326;padding:10px;border-radius:50%}.song-card .icon:hover{color:#f7afaf;cursor:pointer}.song-card.active{background:#222326;outline:2px solid #f7afaf}.song-card.active h3,.song-card.active h4{color:#fafafa}.song-card.favourite .icon{color:#f7afaf}*{scrollbar-width:thin;scrollbar-color:#222326 transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#222326;border-radius:20px;border:transparent}.player{position:fixed;bottom:0;left:0;width:100%;height:15vh;background:#222326}.controls{width:100%}.controls,.song-info{padding:1rem 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.song-info input{width:60%;padding:0;cursor:pointer}.song-info p{color:#fafafa}
/*# sourceMappingURL=main.30695ff0.chunk.css.map */