body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Vadodara Light";src:url(/static/media/HindVadodara-Light.d8f13a73.ttf)}@font-face{font-family:"Vadodara Medium";src:url(/static/media/HindVadodara-Medium.116190a8.ttf)}@font-face{font-family:"Vadodara Regular";src:url(/static/media/HindVadodara-Regular.e2d50be0.ttf)}@font-face{font-family:"Vadodara SemiBold";src:url(/static/media/HindVadodara-SemiBold.fe581a7e.ttf)}@font-face{font-family:"Vadodara Bold";src:url(/static/media/HindVadodara-Bold.aed59ff9.ttf)}.App{text-align:center;background-color:#121212;background-image:linear-gradient(rgba(0,0,0,.6),#121212);color:#fff;min-height:100vh}.App,h1{font-family:"Vadodara Medium"}button{font-family:"Vadodara Bold";text-transform:uppercase}.Login{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.LoginButton{background-color:#1ed760;font-size:14px;border-radius:500px;text-transform:uppercase;padding:16px 48px 18px;margin-top:10px;border:none;transition:opacity .6s ease,color 1.2s ease,transform 1.2s ease}.LoginButton:focus{outline:none}.LoginButton:hover{opacity:.9;color:#fff;transform:scale(1.04)}.User{padding-left:150px}@media(max-width:749px){.User{padding-left:0}}.Navbar{box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;justify-content:space-between;align-items:center;flex-direction:column;min-height:100vh;min-width:0;position:fixed;top:0;left:0;width:150px;background-color:#040306;text-align:center;z-index:99}.navbar-nav{width:100px}.nav-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}svg{fill:#fff;width:17px;margin-right:6px;opacity:.7;transition:opacity .5s linear}#playlist-icon,#time-icon{margin-top:-3px}#user-icon{width:15px;margin-top:-5px;margin-right:8px}#microphone-icon{margin-right:3px}.nav-item:hover a,.nav-item:hover svg{opacity:1}.nav-item a{color:#fff;font-size:15px;font-family:"Vadodara Regular";opacity:.7;transition:opacity .5s linear}.nav-item a.active,.nav-item a.active svg{opacity:1}.nav-item a:focus{outline:none}.spotify-link{display:flex;height:50px}#spotify-icon{width:25px;margin-right:0;opacity:.8;fill:#1ed760;transition:opacity .5s linear}#spotify-icon:hover{opacity:1}.Navbar-Title{height:60px;display:flex;align-items:flex-end;text-transform:uppercase;margin-top:10px;cursor:default;margin-bottom:-2px;font-size:14px}@media(max-width:749px){.Navbar{flex-direction:row;top:auto;bottom:0;min-height:60px;min-width:100vw}.navbar-nav{flex-direction:row;width:100%;justify-content:space-between;margin-left:20px;margin-right:20px}.nav-item{margin:auto 10px}.nav-item a{font-size:12px}.Navbar-Title,.spotify-link{display:none}}.Home{min-height:100vh;width:100%;margin:0 auto;max-width:1400px;padding:80px}.Home-Header{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:300px}.Profile-Image{border-radius:100%}.Name-Container{padding-top:20px}.Name-Container .Title{text-transform:uppercase;margin-top:10px;cursor:default;margin-bottom:-2px}.Name-Container .Name{display:flex;font-size:48px;font-family:"Vadodara Light";cursor:default}.Img-Container{opacity:1;transition:opacity .5s linear}.Img-Container:hover{opacity:.8}.User-Type{margin-top:10px;font-family:"Vadodara Light";font-size:15px;color:#1ed760;text-transform:uppercase;cursor:default;margin-bottom:-5px}.User-Info{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:10px}.Info{margin-left:20px;margin-right:20px}.info-title{margin-bottom:2px;cursor:default}.Info-El{margin-bottom:0}.info-value{color:#9b9b9b;cursor:default}.Home-Body{margin-top:60px}.Body-Section{display:flex;flex-direction:column;font-family:"Vadodara Light";cursor:default;margin-bottom:60px}.Body-Section .Header{display:flex;width:100%;justify-content:space-between;align-items:center}.Body-Title{font-size:24px}.MoreButton{background-color:#1ed760;font-size:14px;border-radius:500px;text-transform:uppercase;padding:12px 42px;border:none;transition:opacity .6s ease,color 1.2s ease}.MoreButton:focus{outline:none}.MoreButton:hover{opacity:.9;color:#fff}@media(max-width:1199px){.MoreButton{padding:6px 21px;font-size:12px}}.Body-List{display:flex;flex-direction:column;align-items:flex-start;margin-top:30px}.Artist-Element,.Track-Element{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.Artist-Link,.Track-Link{display:flex;color:#fff;align-items:center;transition:opacity .5s linear;opacity:1}.Artist-Link:hover,.Track-Link:hover{color:#fff;text-decoration:none;opacity:.8}.Artist-Image img{border-radius:100%}.Album-Image img,.Artist-Image img{width:60px;height:auto}.Artist-Name,.Track-Name{display:flex;margin-left:30px;font-family:"Vadodara Medium";justify-content:flex-start}.Track-Info{flex-direction:column}.Track-Info,.Track-SecondaryInfo{display:flex;flex-wrap:wrap;justify-content:flex-start}.Track-SecondaryInfo{margin-left:30px;color:#9b9b9b;font-size:14px;font-family:"Vadodara Medium"}.Separator{padding-left:10px;padding-right:10px}@media(max-width:1199px){.Home{padding:80px 40px}.User-Info{flex-direction:column}.Info-El{margin-bottom:10px}}@media(max-width:399px){.Artist-Name,.Track-Name,.Track-SecondaryInfo{justify-content:center}}.Artists{min-height:100vh;width:100%;margin:0 auto;max-width:1400px;padding:80px}.Artists-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:120px;flex-direction:row}.Artists-Body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:50px}.Artist-Element{display:flex;align-items:center;margin-bottom:20px;flex-direction:column}.Artists-Image img{width:120px;height:120px;border-radius:100%;object-fit:cover}.Artists-Link{display:flex;color:#fff;align-items:center;transition:opacity .5s linear;opacity:1;flex-direction:column}.Artists-Link:hover{color:#fff;text-decoration:none;opacity:.8}.Artists-Name{margin-top:20px}.Artists-Name,.Artists-Title{display:flex;font-family:"Vadodara Medium"}.Artists-Title{font-size:34px;cursor:default;margin-bottom:0}@media(max-width:1199px){.Artists{padding:80px 40px}.Artists-RangeSelector{display:flex;flex-direction:column}.RangeSelector-Button{padding:10px 18px;margin-bottom:12px;margin-right:0}.Artists-Header{flex-direction:column;margin-bottom:80px}.Artists-Title{margin-bottom:20px}}.Tracks{min-height:100vh;width:100%;margin:0 auto;max-width:1400px;padding:80px}.Tracks-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:120px;flex-direction:row}.Tracks-Body{margin-top:50px;display:flex;flex-direction:column}.Tracks-Element{display:flex;align-items:flex-start;flex-direction:row}.Tracks-Image img{width:70px;height:auto}.Tracks-Link{display:flex;color:#fff;align-items:center;transition:opacity .5s linear;opacity:1;flex-direction:row}.Tracks-Link:hover{color:#fff;text-decoration:none;opacity:.8}.Tracks-Name{margin-top:20px}.Tracks-Name,.Tracks-Title{display:flex;font-family:"Vadodara Medium"}.Tracks-Title{font-size:34px;cursor:default;margin-bottom:0}.Track-Container{display:flex;justify-content:space-between;margin-bottom:30px}.RangeSelector-Button{background-color:#1ed760;font-size:12px;border-radius:500px;text-transform:uppercase;padding:12px 38px;border:none;transition:opacity .6s ease,color 1.2s ease;margin-right:20px}.RangeSelector-Button:focus{outline:none}.RangeSelector-Button.active,.RangeSelector-Button:hover{opacity:.9;color:#fff}.Track-Length{display:flex;margin-left:30px;color:#9b9b9b;font-size:14px;font-family:"Vadodara Medium";flex-wrap:wrap;cursor:default;align-items:center}@media(max-width:1199px){.Tracks{padding:80px 40px}.Tracks-RangeSelector{display:flex;flex-direction:column}.RangeSelector-Button{padding:10px 18px;margin-bottom:12px;margin-right:0}.Tracks-Header{flex-direction:column;margin-bottom:80px}.Tracks-Title{margin-bottom:20px}}@media(max-width:499px){.RangeSelector-Button{padding:10px 12px;font-size:10px}}.Playlists{min-height:100vh;width:100%;margin:0 auto;max-width:1400px;padding:80px}.Playlists-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:120px}.Playlists-Body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:50px}.Playlists-Element{display:flex;align-items:center;margin-bottom:20px;flex-direction:column}.Playlists-Image img{width:160px;height:160px;object-fit:cover}.Playlists-Link{display:flex;color:#fff;align-items:center;transition:opacity .5s linear;opacity:1;flex-direction:column}.Playlists-Link:hover{color:#fff;text-decoration:none;opacity:.8}.Playlists-Name{margin-top:20px;flex-wrap:wrap}.Playlists-Name,.Playlists-Title{display:flex;font-family:"Vadodara Medium"}.Playlists-Title{font-size:34px;cursor:default}.Playlists-Tracks{display:flex;color:#9b9b9b;font-size:14px;font-family:"Vadodara Medium";flex-wrap:wrap}@media(max-width:1199px){.Playlists{padding:80px 40px;margin-bottom:80px}.Playlists-Header{justify-content:center;margin-bottom:80px}}.Activities{min-height:100vh;width:100%;margin:0 auto;max-width:1400px;padding:80px}.Activities-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:120px}.Activities-Body{margin-top:50px;display:flex;flex-direction:column}.Activities-Element{display:flex;align-items:flex-start;flex-direction:row}.Activities-Image img{width:70px;height:auto}.Activities-Link{display:flex;color:#fff;align-items:center;transition:opacity .5s linear;opacity:1;flex-direction:row}.Activities-Link:hover{color:#fff;text-decoration:none;opacity:.8}.Activities-Name{margin-top:20px}.Activities-Name,.Activities-Title{display:flex;font-family:"Vadodara Medium"}.Activities-Title{font-size:34px;cursor:default}.Activities-Container{display:flex;justify-content:space-between;margin-bottom:30px}.Activities-Length{display:flex;margin-left:30px;color:#9b9b9b;font-size:14px;font-family:"Vadodara Medium";flex-wrap:wrap;cursor:default;align-items:center}@media(max-width:1199px){.Activities{padding:80px 40px}.Activities-Header{margin-bottom:80px}}
/*# sourceMappingURL=main.01a851e0.chunk.css.map */