*{box-sizing:border-box}a{text-decoration:none}body{background-color:#f8ce00}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;color:#000}h1{font-size:40px}h2{font-size:30px;padding:25px 0}h3{font-size:20px}h4{font-size:15px}h5{font-size:13px}.arrow{width:30px;height:30px;border:solid #000;border-width:0 5px 5px 0;display:inline-block;margin:.5em}.R{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.L{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.accordion h3{display:inline}.accordion{background-color:#f8ce00;border:none;cursor:pointer;padding:15px;width:100%;text-align:left;-webkit-transition:.4s;transition:.4s}.accordion:hover,.active{background-color:#f1f3f4}.accordion:after{content:"\002B";font-weight:700;float:right}.active:after{content:"\2212"}.panel{-webkit-transition:1s ease-in-out;transition:1s ease-in-out}.song{border-radius:5px;-webkit-transition:2s;transition:2s}.song:hover{background-color:rgba(255,230,0,.72);box-shadow:0 3px 10px rgba(0,0,0,.11);-webkit-transition:.5s;transition:.5s}#logo{width:250px;align-items:center}#searchicon{width:20px;align-content:flex-end;margin:auto 0}.searchDiv button{border:none;background-color:#000;padding:6px}.chip{background-color:#f8ce00;display:inline-block;margin:2px 3px;border-radius:50px;color:#000}header{background-color:#000;position:fixed;width:100%;padding:15px 0;z-index:1}.replacerDiv{height:11vh}#searchbar{outline:2px solid #f8ce00;float:right;padding:10px 20px;width:350px;margin:0 10px;font-size:18px;background-color:#000;border:none;color:#f8ce00}#searchbar:visited{border:#ff0}.menu-container{background-color:#000}ul{display:flex;justify-content:space-around;width:60%}ul li{color:#f8ce00;padding:10px 0;list-style:none}.container{width:80%;margin:0 auto}.slider-wrapper{display:flex;position:absolute;-webkit-transition:-webkit-transform 1s cubic-bezier(.455,.03,.515,.955);transition:-webkit-transform 1s cubic-bezier(.455,.03,.515,.955);transition:transform 1s cubic-bezier(.455,.03,.515,.955);transition:transform 1s cubic-bezier(.455,.03,.515,.955),-webkit-transform 1s cubic-bezier(.455,.03,.515,.955)}.slider-wrapper a{text-decoration:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slider-wrapper a,.slider-wrapper a:hover{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.slider-wrapper a:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.slidepiece{width:600px;margin:0 10px;flex:1 1;opacity:1;-webkit-transition:width opacity 1s linear;transition:width opacity 1s linear;-webkit-transition:width 1s linear;transition:width 1s linear}.slideShower{background-size:cover;-webkit-transition:-webkit-transform 1s cubic-bezier(.455,.03,.515,.955);transition:-webkit-transform 1s cubic-bezier(.455,.03,.515,.955);transition:transform 1s cubic-bezier(.455,.03,.515,.955);transition:transform 1s cubic-bezier(.455,.03,.515,.955),-webkit-transform 1s cubic-bezier(.455,.03,.515,.955);height:430px;overflow-x:hidden;padding:60px 0}.slider{width:600px;margin:0 auto;position:relative}.slidepiece img{width:600px;border-radius:20px;background-color:#f8ce00;box-shadow:0 20px 60px rgba(0,0,0,.6)}.slidepiece h1{font-size:35px;opacity:.9;text-align:center;text-shadow:0 3px 3px rgba(46,39,2,.64);-webkit-transition:font-size .5s;transition:font-size .5s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slideShower .buttonZ{position:absolute;top:250px;z-index:3;border:none;background-color:hsla(0,0%,100%,.56);outline:5px solid hsla(0,0%,100%,.287);outline-offset:5px;padding:8px}.buttonZ:hover,.slideShower .buttonZ{-webkit-transition:.5s;transition:.5s}.buttonZ:hover{background-color:hsla(0,0%,100%,.77)}.slideShower .previousArrow{left:5%}.slideShower .nextArrow{left:90%}.slider.active-slide-0 #card-0,.slider.active-slide-1 #card-1,.slider.active-slide-2 #card-2,.slider.active-slide-3 #card-3,.slider.active-slide-4 #card-4,.slider.active-slide-5 #card-5{opacity:1}.slider.active-slide-0 #card-0 h1,.slider.active-slide-1 #card-1 h1,.slider.active-slide-2 #card-2 h1,.slider.active-slide-3 #card-3 h1,.slider.active-slide-4 #card-4 h1,.slider.active-slide-5 #card-5 h1{font-size:45px;opacity:1;text-shadow:0 8px 5px rgba(46,39,2,.77);-webkit-transition:font-size opacity .5s;transition:font-size opacity .5s}#artist{border-radius:100%;width:150px}.artistpanel{border-bottom:3px solid #000;padding-bottom:20px}#ArtistSpan{display:inline-block;padding:10px;border-radius:5px;-webkit-transition:2s;transition:2s}#ArtistSpan:hover{background-color:rgba(255,230,0,.72);box-shadow:0 3px 10px rgba(0,0,0,.11);-webkit-transition:.5s;transition:.5s;-webkit-transform:scale(1.09);transform:scale(1.09)}#ArtistSpan h3{text-align:center}#songlyrics{font-size:30px;margin:15px 0;padding:0}.playBar{display:inline-flex;position:fixed;bottom:25px;left:-83vh;z-index:1;padding:5px 5px 5px 50px;box-shadow:0 5px 25px rgba(0,0,0,.21);-webkit-transition:.9s;transition:.9s;background:#f1f3f4;align-items:center;border-radius:0 30px 30px 0}.playBar:hover{left:0;-webkit-transition-duration:.9s;transition-duration:.9s}.playBar div{margin:0 5px}.playText{padding:0 30px 0 0}.playbarArtist img{width:50px;border:3px solid #fff}.audio{width:300px;height:40px;-ms-grid-row-align:center;align-self:center}.NowPlayingBG{background-color:#fff}.NowPlaying{display:flex;padding:50px 0}.NowPlayingImgBox{flex:2 1}.NowPlayingImgBox img{width:350px;border:5px solid #f8ce00;border-radius:10px}.NowPlayingWordBox{flex:3 1}.NowPlayingWordBox button{border:3px solid #000;background:none;padding:15px 20px;margin:0 20px 0 0;font-size:20px;border-radius:5px}.NowPlayingWordBox a{border:4px solid #000;border-radius:50px;border-top-left-radius:30px;margin:0 10px 0 0;padding:1px}.NowPlayingWordBox a img{width:25px;margin:5px}.NowPlayingWordBox div{display:flex;margin:20px 0}.NowPlayingWordBox h2{padding:0;margin:0}.NowPlayingWordBox h3{padding:0;margin:0 15px 0 0}.NowPlayingLists{display:flex;padding:20px 0}.NowPlayingImgBoxLists{flex:1 1}#thumbnail,.NowPlayingImgBoxLists img{width:130px;border-radius:5%}.NowPlayingWordBoxLists{flex:4 1;margin:0 20px}.NowPlayingWordBoxLists h2{padding:0}.NowPlayingWordBoxLists h3{display:inline}.NowPlayingWordBoxLists h3:hover{text-decoration:underline;padding:0}.NowPlayingWordBoxLists button{border:3px solid #000;background:none;padding:8px 13px;margin:0 10px 0 0;font-size:12px;border-radius:5px}.NowPlayingWordBoxLists div a{border:3px solid #000;border-radius:50px;border-top-left-radius:15px;margin:0 10px 0 0;padding:1px}.NowPlayingWordBoxLists div a img{width:25px;margin:5px}.NowPlayingWordBoxLists div{display:flex;margin:10px 0}.NowPlayingWordBoxLists h4{margin:0 15px 0 0}.artistDescritpion{border-bottom:3px solid #000;padding-bottom:20px}.artistDescritpion p{font-size:20px}.lyricsBox{border:3px solid #000;border-radius:10px;padding:0 20px}.lyricsBox p{font-size:20px}h5{font-weight:700}span{display:inline-block;padding:10px}.largePic{padding:60px 0 50px;background-color:#000;background-repeat:no-repeat;background-position-x:right}.largePic img{width:250px;border:5px solid #fff;border-radius:20px}.largePic span{margin:0 25px}.largePic span h1{color:#f8ce00}.largePic span h2{color:#fff}.largePic span h2 span{margin:0 20px 0 0;padding:0}.lower-division{display:flex}#lowerDivHeading{padding:0 5px}.div-artistMusic{flex:4 1;padding-right:5px}.div-relatedArtists{flex:2 1;padding-left:5px}.div-relatedArtists .artistpanel{margin:0 auto}.albumSlot{padding:5px;border:2px solid #fff}.detailsPanel{display:flex}.collectionPanel{flex:3 1}.rankingsPanel{flex:1 1}.TrendSong{border-bottom:3px solid #000;margin-bottom:2px;background-color:rgba(255,230,0,.72);padding:5px;border-radius:2px}.trendBox{display:flex;align-items:flex-end}.trendImg{flex:1 1;align-content:flex-end}.trendSongName{flex:5 1;text-align:left;margin:0 10px}.trendMark{flex:1 1}#trendMark{width:15px}#trendImg{width:2em;border-radius:5px}.TrendSong div button{border:none;background:none}.TrendTxt{display:inline-block;border:2px solid red}footer{background-color:#000;border-top:2px solid #fff;color:#f8ce00;margin:100px 0 0}.footerData{height:470px}.footer{border-top:2px solid #f8ce00;display:flex;justify-content:space-between}.footer .aboutings{flex:3 1;display:flex}.footer .oursocialMedia{flex:2 1;display:flex}.footer h4{color:#f8ce00;padding:10px 4px}.footer a h4:hover{color:#fff;text-decoration:none}.footer h4 a{color:#fff;padding:10px 5px}.footer a img{width:30px;background-color:#fff;border-radius:20px;padding:2px;margin:6px 5px}
/*# sourceMappingURL=main.b85ef564.chunk.css.map */