@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.Home{height:auto!important}.Suggestion{margin-bottom:30px}.Suggestion h1{margin-bottom:5px;font-weight:400;color:#fff}.Suggestion p{font-size:1.2rem;font-weight:200;color:#757c85}.SuggestionList{display:flex;flex-direction:row;flex-wrap:wrap}.SuggestionItem{margin:15px 30px;text-align:left}.SuggestionItem img{height:200px;width:200px;border-radius:5px;margin-bottom:10px}.SuggestionItem h3{font-weight:200;color:#fff}.SuggestionItem p{font-weight:200;color:#757c85}@media only screen and (max-width:600px){.SuggestionItem{margin:15px 1.5em}.SuggestionItem img{height:7em;width:7em}.SuggestionItem h3,.SuggestionItem p{white-space:nowrap;width:100px;overflow:hidden;text-overflow:ellipsis}}.YourPlayback{margin-bottom:30px}.YourPlayback h1{margin-bottom:5px;font-weight:400;color:#fff}.YourPlayback p{font-size:1.2rem;font-weight:200;color:#757c85}.YourPlaybackList{display:flex;flex-direction:row;flex-wrap:wrap}.YourPlaybackItem{margin:15px 30px;text-align:left}.YourPlaybackItem img{height:200px;width:200px;border-radius:5px;margin-bottom:10px}.YourPlaybackItem h3{font-weight:200;color:#fff}.YourPlaybackItem p{font-weight:200;color:#757c85}@media only screen and (max-width:600px){.YourPlaybackItem{margin:15px 1.5em}.YourPlaybackItem img{height:7em;width:7em}.YourPlaybackItem h3,.YourPlaybackItem p{white-space:nowrap;width:100px;overflow:hidden;text-overflow:ellipsis}}.Home{display:block;height:100vh}.RecommendedInfo{display:flex;align-items:center;justify-content:space-between}.RecommendedInfo h2{font-weight:400;color:#fff}.RecommendedInfo a{color:#757c85}.ArtistsProfile{display:flex;flex-direction:row;flex-wrap:wrap}.ArtistProfile{margin:15px 1.5em;text-align:center}.ArtistProfile img{height:100px;width:100px;border-radius:50%}.ArtistProfile .FollowBtn{font-size:.8rem;border-radius:50%;padding:3px 5px;color:#fff;background-color:#f87c4b;position:absolute;margin-left:-30px;margin-top:80px}.ArtistProfile h4{font-size:1.1rem;font-weight:400;padding:10px 0 5px;color:#fff}.ArtistProfile span{font-size:.9rem;font-weight:100;color:#757c85}.Events{overflow-x:auto;width:auto;margin-top:25px}.Events h2{font-weight:400;color:#fff}.EventsContent{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.EventItem{max-width:45%}.EventHeader{margin-top:20px;display:grid;grid-template-columns:.3fr 1fr 1fr 1fr;grid-template-rows:.2fr 1fr 1fr;grid-gap:5px 15px;gap:5px 15px;grid-template-areas:"EventDate EventName EventName EventName" "EventDate EventDescription EventDescription EventDescription" "EventDate EventDescription EventDescription EventDescription"}.EventDate{grid-area:EventDate;display:flex;justify-content:center;align-items:center}.EventDate div{color:#fff;border:2px solid #fff;text-align:center;padding:1.5em;border-radius:10%}.EventName{grid-area:EventName}.EventName div{display:flex;justify-content:space-between}.EventName div h3{color:#fff;font-weight:300}.EventName div span{color:#757c85}.EventDescription{grid-area:EventDescription}.EventDescription p{text-align:justify;color:#757c85}.EventBody{margin-top:15px;float:right;text-align:right}.EventBody img{border-radius:5px;min-width:600px;max-height:370px;margin-bottom:10px}.EventBody span{color:#757c85;margin-right:30px}.EventBody button{background-color:#1e2337;color:#fff;border-radius:5px;padding:15px 35px}@media only screen and (max-width:600px){.EventItem{margin-top:10px;max-width:100%}}.Stream{display:flex;align-items:center;justify-content:center;height:90vh}.Stream h1{color:#fff}.Statistics{display:flex;align-items:center;justify-content:center;height:90vh}.Statistics h1{color:#fff}.Navbar,.Navbar-Show{position:fixed;float:left;height:100vh;padding:30px 35px;background-color:#1e2337;z-index:500;transition:.5s ease-in-out}.NavLogo{margin-left:auto;margin-right:auto;font-size:40px}.GetProAccount,.NavLogo{display:block;color:#fff}.GetProAccount{margin-top:15px;padding:15px 20px;border-radius:5px;background-color:#272c40}.NavOptions{margin:30px 0}.NavOptions h3{font-size:1.3rem;color:#fff;margin-bottom:10px}.NavOptions li{font-size:.9rem;padding:15px 0}.NavOptions li a{color:#757c85}.NavOptions li span{margin-left:10px}.NavOptions li:last-child{padding-bottom:0}.NavSeparator{border:1px solid #34394b}.NavResponsive{display:flex;justify-content:space-between;padding:15px 30px}.responsive-btn{font-size:1.5rem;color:#fff}@media only screen and (max-width:600px){.Navbar{overflow-y:scroll;margin-left:-300px}.Navbar-Show{overflow-y:scroll;margin-left:0!important}}.Topnav{display:flex;justify-content:space-between;padding-top:15px;padding-bottom:15px;padding-left:15px}.TopNavUpload button{border-radius:5px;padding:13px 25px;background:transparent;color:#f87c4b;border:1px solid #f87c4b}.TopNavSearch{display:flex;flex-direction:row;border-radius:5px;background-color:#1e2337}.TopNavSearch input{background:transparent;color:#757c85;padding:13px 10px;width:40vw;flex-grow:2}.TopNavSearch select{color:#757c85;background:transparent;padding:10px}.TopNavSearch button{background:transparent;color:#757c85;padding:11px 15px}.TopNavInfo{display:flex;align-items:center}.TopNavInfo .BtnIcon{font-size:1.3rem;margin:0 10px;color:#fff}.TopNavInfo .BtnIcon:after{position:absolute;content:" ";width:3px;height:3px;border-radius:50%;background-color:#f87c4b}.TopNavInfo .ProfileInfo{padding-left:25px;padding-right:25px;display:flex;align-items:center;justify-content:space-between}.TopNavInfo .ProfileInfo span{padding-right:10px;color:#fff}.TopNavInfo .ProfileInfo img{width:40px;height:40px;border-radius:50%}.TopNavInfo .ProfileInfo .BtnIconDropDown{margin-left:15px;color:#fff}@media only screen and (max-width:600px){.Topnav{padding-left:0;justify-content:center}.TopNavSearch{width:90%}.TopNavInfo,.TopNavUpload{display:none}}.rhap_container{position:fixed;bottom:0;width:84%!important;border-radius:5px!important;background-color:#1e2337!important}.rhap_time{color:#757c85!important}.rhap_progress-filled,.rhap_progress-indicator{background-color:#f87c4b!important}.rhap_progress-indicator{top:-5px!important;width:15px!important;height:15px!important}@media only screen and (max-width:600px){.rhap_container{margin-left:auto;margin-right:auto;width:88%!important}}@media only screen and (max-width:600px){.grid-container{display:flex!important;flex-direction:column}}*{padding:0;box-sizing:border-box;margin:0}body{font-family:"Roboto",sans-serif;background:#262b30;background:radial-gradient(circle,#262b30 0,#413a40 0,#2f3440 100%)}button,input,select{border:none;outline:none}ul{list-style-type:none}a{text-decoration:none}.grid-container{display:grid;grid-template-columns:15em 1fr 1fr 1fr;grid-template-rows:.1fr 1fr 1fr;grid-gap:0 0;gap:0 0;grid-template-areas:"Navbar Topnav Topnav Topnav" "Navbar Content Content Content" "Navbar Content Content Content"}.Navbar{grid-area:Navbar}.Topnav{grid-area:Topnav}.Content{grid-area:Content;padding:35px 25px 150px}
/*# sourceMappingURL=main.dfdca661.chunk.css.map */