.main-user-playlists{display:flex;margin-top:.5rem;margin-left:.5rem;cursor:pointer;transition:all .3s ease-in-out;font-family:"Josefin Sans",sans-serif;font-weight:600;border-bottom:1px solid #f7f7f7}.main-user-playlists:hover{background:rgba(0,0,0,.25)}.main-user-playlists p{display:flex;padding:0 1rem;align-items:center;margin:0;color:#f7f7f7}.main-user-playlists img{width:6rem}.audio-player{position:fixed;bottom:0;border-top:.1rem solid #f7f7f7;background:#2c003e}.rhap_header{font-family:"Josefin Sans",sans-serif;text-align:center;margin:.5rem 0 0}.rhap_forward-button,.rhap_header,.rhap_progress-filled,.rhap_rewind-button{color:#f7f7f7}.rhap_volume-indicator{background:#f0a500}.rhap_volume-button{color:#f7f7f7}.rhap_current-time,.rhap_total-time{font-family:"Josefin Sans",sans-serif;color:#f7f7f7}.rhap_download-progress{background:#512b58}.rhap_progress-filled{background:#f7f7f7}.rhap_play-pause-button{color:#f7f7f7;width:2.5rem;height:2.5rem;font-size:2.5rem;position:relative}.rhap_progress-indicator{display:none}.rhap_repeat-button{color:#f7f7f7}@media (max-width:600px){.rhap_forward-button,.rhap_rewind-button{display:none}.audio-player{position:fixed;bottom:4.9rem;left:0;background:#2c003e}.rhap_container{padding:.5rem}.rhap_current-time,.rhap_time,.rhap_total-time{display:none}.rhap_progress-container{margin:0}.rhap_additional-controls,.rhap_progress-indicator,.rhap_volume-controls{display:none}.rhap_controls-section{flex:0 1}.rhap_download-progress{background:#512b58}.rhap_progress-filled{background:#f7f7f7}.rhap_play-pause-button{color:#f7f7f7;width:2.5rem;height:2.5rem;font-size:2.5rem;position:relative}}@media (min-width:600px){.rhap_header{text-align:left;margin:0 0 .5rem}.audio-player{right:20%;width:60%}}.playlist-track{padding:1rem;transition:all .3s ease-in-out;display:flex;align-items:center;cursor:pointer;color:#f7f7f7;border-bottom:1px solid #f7f7f7}.playlist-track:hover{background:rgba(0,0,0,.25)}.playlist-track .playlist-track-summary{padding:0 1rem;pointer-events:none}.playlist-track .playlist-track-summary p{font-family:"Josefin Sans",sans-serif}.playlist-track .playlist-track-summary p:first-of-type{font-size:1rem;font-weight:600;margin-bottom:.5rem}.playlist-track .playlist-track-summary p:nth-of-type(2){font-size:.85rem}.playlist-track img,.playlist-track p{margin:0;pointer-events:none}.playlist-track img{width:5rem;height:5rem}.playlist-track:last-of-type{margin-bottom:9rem}@media (min-width:700px){.playlist-track:last-of-type{margin-bottom:5.5rem}}.main-nav{position:fixed;bottom:0;background:#2c003e;width:100vw;height:5rem}.main-nav .nav-home-icon{color:#f7f7f7;font-size:2.5rem;margin-left:2rem}.main-nav .nav-search-icon{color:#f7f7f7;font-size:1.9rem}.main-nav .nav-library-icon{color:#f7f7f7;font-size:2.2rem;margin-right:2rem}.main-nav .main-nav-bottom{display:flex;justify-content:space-between;align-items:center;height:100%}.main-nav .main-nav-bottom a{text-decoration:none;color:#fff}.main-nav-top{width:100vw;height:4rem;position:fixed;top:0;background:#2c003e;color:#f7f7f7;font-family:"Josefin Sans",sans-serif;display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.main-nav-top a,.main-nav-top button{text-decoration:none;color:#f7f7f7}.main-nav-top button{font-family:"Josefin Sans",sans-serif;cursor:pointer;border:none;border-radius:5px;padding:.5rem;width:3.5rem;text-align:center;background-color:#f0a500;font-size:.8rem}.logo{width:3rem}@media (min-width:450px){.main-nav{display:none}}.grid-container{margin-bottom:5.5rem;display:grid;grid-template-columns:repeat(2,10rem);grid-template-rows:repeat(auto-fit,10rem);grid-gap:1.1rem;justify-content:center;text-align:center;color:#f7f7f7}.home-album-img{transition:all .5s ease-in-out;width:10rem;height:10rem}.home-album-img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (min-width:900px){.home-album-img{width:15rem;height:15rem}.grid-container{grid-template-columns:repeat(auto-fit,15rem);grid-template-rows:repeat(auto-fit,15rem)}}.searchbar{display:flex;align-items:center;justify-content:center}.searchbar .searchbar-button{background:transparent;border:none;cursor:pointer;width:2.25rem;padding:0}.searchbar .searchbar-input{border:none;border-radius:10px;padding:10px;width:95%;height:2.3rem;outline:none}.searchbar .icon-search{font-size:2rem;color:#fff;margin-left:.25rem}.artist-img{width:10rem;height:10rem;transition:all .5s ease-in-out;border-radius:10rem;cursor:pointer;-webkit-filter:contrast(100%);filter:contrast(100%)}.artist-img:hover{opacity:1;-webkit-filter:contrast(125%);filter:contrast(125%)}.artists-grid-container{display:grid;grid-template-columns:repeat(2,10rem);grid-template-rows:repeat(auto-fit,10rem);grid-gap:2rem;justify-content:center;margin-bottom:6rem}.artist-container{text-align:center;font-family:"Josefin Sans",sans-serif;font-size:1.2rem;font-weight:600;color:#f7f7f7}.artist-container a{text-decoration:none;color:inherit;font-family:inherit}.artist-container p{margin:.5rem 0 0}@media (min-width:900px){.artist-container p{margin-top:1.5rem}.artist-img{width:15rem;height:15rem}.artist-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.artists-grid-container{grid-template-columns:repeat(auto-fit,15rem);grid-template-rows:repeat(auto-fit,18rem);margin-bottom:2rem}}.artist-content{display:flex;flex-direction:column;align-items:center;font-family:"Josefin Sans",sans-serif;color:#f7f7f7;text-align:center;padding-bottom:1.5rem;border-bottom:.2rem solid #f7f7f7}.artist-content h2{margin:1rem 0 0}.artist-content p{margin:.5rem 0 0}.artist-profile-pic{width:10rem;border-radius:8rem}@media (min-width:700px){.artist-content{flex-direction:row;text-align:left}.artist-summary{margin-left:1rem}.artist-profile-pic{width:13rem;margin-left:1rem}}.album-container-content{display:flex;align-items:center;margin-bottom:1rem;border-bottom:1px solid #f7f7f7;padding-bottom:1.5rem;font-family:"Josefin Sans",sans-serif}.album-container-content-image-cover{width:13rem;margin-left:1rem}.album-container-content-summary{color:#f7f7f7;margin-left:1rem}.album-container-content-summary h2{margin:1rem 0 0}.album-container-content-summary p{margin:.5rem 0 0}@media (max-width:700px){.album-container-content-image-cover{margin:0}.album-container-content-summary{margin:0;text-align:center}.album-container-content{flex-direction:column}}*{box-sizing:border-box}body{margin:0;background-color:#f0a500}.main{margin-top:3.5rem}.main-nav{display:block}.main-header,.sidebar{display:none}.content{margin-top:5rem}.left,.right{display:none}.main-playlists-nav{display:flex;justify-content:start;align-items:center;margin-bottom:1rem}.main-playlists-nav a{margin-left:.5rem;text-decoration:none;font-family:"Josefin Sans",sans-serif;font-size:1.2rem;font-weight:600;color:#f7f7f7}@media (min-width:400px){body{width:100vw;height:100vh;overflow:scroll;background-color:#f0a500}.sidebar{padding:0 3%;position:fixed;font-family:"Josefin Sans",sans-serif;font-weight:700;width:18vw;height:100vh;display:none}.sidebar a{font-size:1.5rem;margin-top:1rem;text-decoration:none;color:#f7f7f7;display:block}.content{min-height:100vh;width:60vw;grid-area:content;background:#f0a500}.main-header{display:none;background:#f0a500}.footer{grid-area:footer}.main{margin:0;display:grid;justify-content:center;grid-template-columns:repeat(3,auto-fit);grid-template-areas:"left header right" "left content right" "left content  right";color:#444}}@media (min-width:600px){.main-playlists-nav{display:none}.logo{margin-top:2rem;width:5rem}.main-nav{display:none}.main-header{position:fixed;z-index:10;border-bottom:.2rem solid #f7f7f7;padding:.5rem;width:60%;right:20vw;display:flex;justify-content:space-between;align-items:center;font-family:"Josefin Sans",sans-serif;color:#f7f7f7}.main-header a{text-decoration:none;color:#f7f7f7;background:#2c003e;padding:.75rem;border-radius:8px}.main-header h1{margin:0}.sidebar{display:block;background:#2c003e}.main{grid-template-columns:repeat(2,auto-fit)}.right{border-left:.1rem solid #f7f7f7;grid-area:right}.left,.right{display:block;background:#2c003e;width:20vw}.left{border-right:.1rem solid #f7f7f7;grid-area:left}}
/*# sourceMappingURL=main.df251436.chunk.css.map */