@font-face{font-family:krinkes;font-style:normal;font-weight:400;src:url(/static/media/KrinkesRegularPERSONAL.312d1665.ttf)}body{margin:0;padding:0;font-family:sans-serif}body{background-color:#f5f5f5}::-webkit-scrollbar{display:none}::-moz-scrollbar{display:none}.App{text-align:center;bottom:0;top:0;left:0;background-color:#f5f5f5}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:70px}.logo{width:200px;padding-top:20px;-ms-flex-item-align:center;align-self:center}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App-header{background-color:#f5f5f5;padding:20px;color:#000;height:80px;-ms-flex-align:center;-ms-flex-item-align:center;-ms-flex-pack:center;justify-content:center}.App-header,.Logo-Slogan{display:-ms-flexbox;display:flex;min-height:0;align-items:center;align-self:center}.Logo-Slogan{width:250px;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-ms-flex-item-align:center;justify-self:center}.Slogan{min-height:0;font-weight:600;padding-top:"10px";-ms-flex-item-align:"center";align-self:"center"}.IconBtn{display:none}.volume{position:absolute;width:100vw;background-color:red;height:2px;top:0;bottom:0}.Main-container{position:"absolute";background-color:#f5f5f5;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;height:100vh}.Container-body,.Main-container{display:-ms-flexbox;display:flex;min-height:0}.Container-body{-ms-flex:1 1;flex:1 1;-ms-flex-item-align:center;align-self:center;min-width:768px;margin-top:20px}.EventCard{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:25px;max-width:768px;height:680px;min-height:0;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.EventTitle{font-weight:800;margin:20px}.EventPic{width:100%}.EventDetail{max-width:768px;-ms-flex-item-align:center;align-self:center;text-align:"left";margin:25px;font-weight:700}.Genre-column{background-color:#f5f5f5;width:150px;height:calc(100vh - 200px);border-right-width:1;border-right-style:ridge;margin-top:5px;margin-bottom:30px;padding-top:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;-ms-flex-pack:distribute;justify-content:space-around;min-height:0;margin-right:-150px}.Genre-column,.Tabs{-ms-flex-item-align:start;align-self:flex-start}.Tabs{font-family:krinkes;font-size:25px;color:#a9a9a9;padding:10px;padding-left:25px;z-index:2}.Tab{list-style-type:none;padding:10px}.Container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-webkit-overflow-scrolling:touch;overflow-y:scroll;overflow-x:hidden;min-height:0}.Container,.Player-bottom{display:-ms-flexbox;display:flex}.Player-bottom{bottom:0;background-color:#f5f5f5;height:40px;padding:10px;padding-top:0}.iframe-player{-ms-flex:1 1;flex:1 1;border:0;-webkit-box-shadow:0;box-shadow:0;max-width:1440px;margin:auto;-ms-flex-item-align:center;align-self:center}.iframe-player,.List{display:-ms-flexbox;display:flex;min-height:0;justify-self:center}.List{-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-overflow-scrolling:touch;overflow-y:scroll;overflow-x:hidden;margin-top:15px;padding-left:150px;padding-right:50px;z-index:1}.track{cursor:pointer;font-weight:900;font-size:10px;margin:10px;background-color:transparent;border:0;min-height:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative}.track:hover .HoverPlay{background-color:rgba(0,0,0,.7);z-index:1}.artwork{max-width:190px;min-width:150px;max-height:190px;min-height:150px;width:calc(100vw / 4 - 80px);height:calc(100vw / 4 - 80px)}.HoverPlay{background-color:#000;z-index:-1}.HoverPlay,.Playing{position:absolute;max-width:190px;min-width:150px;max-height:190px;min-height:150px;width:calc(100vw / 4 - 80px);height:calc(100vw / 4 - 80px);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.Playing{z-index:1;background-color:rgba(0,0,0,.7)}.PlayCosmo{position:absolute;z-index:-1}.PlayCosmo,.TurnCosmo{max-width:100px;min-width:50px;max-height:100px;min-height:50px;width:75px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.TurnCosmo{-webkit-animation:App-logo-spin infinite 15s linear;animation:App-logo-spin infinite 15s linear}.titleContainer{margin-top:10px;max-width:150px}.songTitle{width:150px;font-weight:600;justify-self:center;margin-top:5px}.Artist{color:#585858}a{text-decoration:none;color:#000}p{margin:5px}.MyModal{display:none}.box{position:relative}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79a70a;background:-webkit-gradient(linear,left top,left bottom,from(#f70505),to(#8f0808));background:-webkit-linear-gradient(#f70505,#8f0808);background:-o-linear-gradient(#f70505 0,#8f0808 100%);background:linear-gradient(#f70505,#8f0808);-webkit-box-shadow:0 3px 10px -5px #000;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;right:-21px}.ribbon span:before{left:0;border-left:3px solid #8f0808;border-right:3px solid transparent}.ribbon span:after,.ribbon span:before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #8f0808}.ribbon span:after{right:0;border-left:3px solid transparent;border-right:3px solid #8f0808}@media screen and (min-width:1441px){.Genre-column{width:calc((100vw - 1366px)/2);min-width:150px;padding-left:150px;padding-right:20px;-ms-flex-align:end;align-items:flex-end;margin-right:calc((-100vw + 1366px)/2)}.List{padding-left:calc((100vw - 1366px)/2);padding-right:calc((100vw - 1066px)/2)}}@media screen and (max-width:768px){.MyModal{-ms-flex-pack:center;justify-content:center;min-height:0;background-color:rgba(0,0,0,.85)}.ModalGenre,.MyModal{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.ModalGenre{min-height:50vh;min-height:0;justify-self:center}.App-header{display:-ms-flexbox;display:flex;width:100vw;min-height:0;-ms-flex-align:start;align-items:flex-start;height:70px;padding:0}.Slogan{display:none}.Tabs{justify-self:space-between;font-size:40px}.ModalComp{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1;flex:1 1;min-height:0}.EventGenre,.ModalComp{display:-ms-flexbox;display:flex}.EventGenre{min-height:75vh;-ms-flex-direction:column;flex-direction:column;top:0;min-height:0}.IconBtn{position:absolute;left:20px;top:15px;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-item-align:start;padding-top:20px}.Icon,.IconBtn{align-items:flex-start;align-self:flex-start}.Icon{-ms-flex:1 1;flex:1 1;width:40px;-ms-flex-align:start;-ms-flex-item-align:start}.IconBtnW{-ms-flex:1 1;flex:1 1;justify-self:flex-start;-ms-flex-item-align:end;align-self:flex-end}.IconBtnW,.IconW{top:0;width:40px}.Container-body{min-width:0;max-width:768px;padding-bottom:30px}.logo{width:120px;padding-top:20px}.Event-column{display:none}.eventParent{display:-ms-flexbox;display:flex;min-height:0;-ms-flex-direction:column;flex-direction:column}.eventImageModal{width:100vw}.eventTitle{color:#fff;-ms-flex-item-align:center;align-self:center;margin:25px;font-size:25px}.EventCard{-ms-flex:1 1;flex:1 1;max-width:768px;padding-bottom:25px;margin-top:15px}.EventPic{max-width:768px;width:100vw}.EventDetail{max-width:768px;width:80vw;-ms-flex-item-align:center;align-self:center;text-align:"left"}.Genre-column{display:none}.List{margin:15px;margin-left:0;margin-right:0;left:0;padding-left:0;padding-right:0;padding-bottom:20px;-ms-flex-align:center;align-items:center}.artwork,.HoverPlay,.Playing{height:calc(100vw - 40px)}.artwork,.HoverPlay,.Playing,.playSong{max-width:375px;min-width:130px;max-height:375px;min-height:130px;width:calc(100vw - 40px)}.playSong{-ms-flex-item-align:center;align-self:center}.PlayCosmo,.TurnCosmo{max-width:150px;min-width:50px;max-height:150px;min-height:50px;width:150px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.Player-bottom{width:100vw;position:fixed;z-index:3}}.example-appear{opacity:.01}.example-appear.example-appear-active{opacity:1;-webkit-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.example-disappear{opacity:1}.example-disappear.example-disappear-active{opacity:.01;-webkit-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out}.example-enter{opacity:.01}.example-enter.example-enter-active{opacity:1;-webkit-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:.01;-webkit-transition:opacity .8s ease-in;-o-transition:opacity .8s ease-in;transition:opacity .8s ease-in}.modalTransition-appear{opacity:.01}.modalTransition-appear.modalTransition-appear-active{opacity:1;-webkit-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.modalTransition-disappear{opacity:1}.modalTransition-disappear.modalTransition-disappear-active{opacity:.01;-webkit-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out}.modalTransition-enter{opacity:.01}.modalTransition-enter.modalTransition-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.modalTransition-leave{opacity:1}.modalTransition-leave.modalTransition-leave-active{opacity:.01;-webkit-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;transition:opacity 1s ease-in}
/*# sourceMappingURL=main.c98163c7.css.map*/