body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.uppercase{text-transform:uppercase}.smallText{font-size:.75rem;letter-spacing:.8px}.smallText.bold{font-weight:600}*{box-sizing:border-box}.subText{color:#b3b3b3;font-size:.9rem}.App{background:#131313;display:flex;height:calc(100vh - 90px)}.navBar{background:#040404;display:flex;flex-direction:column;height:100%;padding:10px 10px 0;width:260px}.navBar .logo{padding:1.5rem .8rem}.navBar .logo svg{max-width:130px}.navBar .logo svg p{fill:#fff}.navBar ul{margin:0;padding:0}.navBar ul a,.navBar ul a:visited{color:inherit;text-decoration:none}.navBar ul li{align-items:center;border-radius:5px;color:#b3b3b3;cursor:pointer;display:flex;font-size:.9rem;list-style-type:none;padding:1rem .8rem;transition:all .3s ease-in-out}.navBar ul li svg{fill:currentColor;margin-right:15px}.navBar ul li.active{background:#282828;color:#fff}.navBar ul li.active svg{fill:#fff}.navBar ul li:hover{color:#fff}.navBar .cookies{color:#b3b3b3;font-size:.6rem;margin-top:auto;padding:1rem;text-align:center}.navBar .cookies-span{display:block}.outerWrap{background-color:#d3d3d3;height:100vh;min-height:100%}.musicControls{align-items:center;background:#282828;border-top:1px solid #040404;display:flex;height:90px;justify-content:center;text-align:center;z-index:2}.musicControls,.spotify{color:#fff;position:relative}.spotify{bottom:16px;font-size:22px;font-weight:600;left:2px}.upperNav{align-items:center;background:rgba(9,9,0,.78);color:#fff;display:flex;height:56px;padding:.5rem 1rem;position:fixed;top:0;width:100%;z-index:2}.main{overflow-y:scroll;position:relative;width:100%}.main .mainInner{padding-top:3.4rem}.main .mainContent{color:#fff;padding:.5rem 2rem}.main .mainContent h1,.main .mainContent h2{font-size:1.8rem}.main .cardsWrap{padding-bottom:1.8rem}.main .cardsWrap h2{margin-bottom:1rem}.main .cardsWrap .cardsWrapperInner{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.main .cardsWrap a{color:inherit;text-decoration:none}.main .cardsWrap .subText{margin-bottom:1.2rem;margin-top:.5rem}.main .cardsWrap .card{background:#282828;border-radius:10px;box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);margin-right:1.2rem;overflow:hidden;padding:1.2rem;position:relative}.main .cardsWrap .card:hover .playIcon{opacity:1}.main .cardsWrap .card .cardImage{box-shadow:0 10px 30px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);height:160px}.main .cardsWrap .card .cardImage img{height:160px;object-fit:cover;width:100%}.main .cardsWrap .card .cardContent{padding:.4rem 0}.main .cardsWrap .card .cardContent h3{font-size:.9rem;font-weight:600;letter-spacing:.6px;margin-bottom:0}.main .cardsWrap .card .cardContent span{color:#b3b3b3;font-size:.8rem}.playIcon,.playlistPage .playlistPageSongs .playIcon{background:#1db954;border-radius:50%;bottom:1.2rem;display:flex;height:40px;margin-left:auto;opacity:0;overflow:hidden;position:absolute;right:1.2rem;width:40px}.playIcon svg,.playlistPage .playlistPageSongs .playIcon svg{margin:auto}.playlistPage{background-color:#d6d6d6}.playlistPage .mainInner{background-image:linear-gradient(rgba(0,0,0,.5),#121212 40%);display:flex;flex-direction:column;width:100%}.playlistPage .playlistPageInfo{display:flex;padding:1.5rem;text-align:center}.playlistPage .playlistPageInfo .playlistPageImage{height:250px;width:250px}.playlistPage .playlistPageInfo .playlistPageImage img{box-shadow:0 4px 60px rgba(0,0,0,.5);height:100%;object-fit:cover;width:100%}.playlistPage .playlistPageSongs{height:100%}.playlistPage .playlistPageSongs .playlistButtons{align-items:center;display:flex}.playlistPage .playlistPageSongs .playIcon{bottom:0;height:56px;margin-left:0;opacity:1;position:relative;right:0;width:56px}.playlistPage .playlistPageSongs .playIcon svg{height:26px;width:26px}.playlistPage .playlistPageSongs .icons .icon{margin-left:1.5rem}.playlistPage .playlistPageSongs .icons .iconsHeart{height:30px;width:30px}.playlistPage .playlistPageSongs .icons .iconsHeart svg{fill:#fff}.playlistPage .playlistPageContent{padding:1.5rem 2rem;text-align:left}.playlistPage .playlistPageContent h1{font-size:7rem;letter-spacing:-6px;line-height:1;margin:0;word-spacing:-18px}.playlistPage .playlistPageContent .tagline{font-size:1rem;margin-bottom:-.5rem;opacity:.7}.playlistPage .playlistPageContent .playlistPageDesc{align-items:center;display:flex;font-size:.9rem}.playlistPage .playlistPageContent .playlistPageDesc p{margin:0}.playlistPage .playlistPageContent .playlistPageDesc span{margin-left:10px;opacity:.7;position:relative}.playlistPage .playlistPageContent .playlistPageDesc span:before{background:#fff;border-radius:50%;content:"";height:4px;left:-10px;overflow:hidden;position:absolute;top:9px;width:4px}ul.songLists{padding:0}ul.songLists li{align-items:center;display:flex;list-style-type:none;padding:.8rem;transition:background .2s ease-in-out;width:100%}ul.songLists li:hover{background:hsla(0,0%,88%,.1)}ul.songLists li:hover .songIcon .noteI{display:none}ul.songLists li:hover .songIcon .playI{display:block}ul.songLists li .songDetails h3{font-size:1rem;font-weight:300;margin:0}ul.songLists li .songDetails span{color:hsla(0,0%,100%,.7);font-size:.9rem}ul.songLists li .songTime{margin-left:auto}ul.songLists li .songIcon{padding-right:1rem}ul.songLists li .songIcon .playI{display:none}ul.songLists li .songIcon svg{fill:hsla(0,0%,100%,.7);height:15px;width:15px}
/*# sourceMappingURL=main.ca5f08dc.css.map*/