@font-face{font-family:OswaldExtraLight;src:url(/static/media/Oswald-ExtraLight.319cbb28.ttf)}@font-face{font-family:OswaldLight;src:url(/static/media/Oswald-Light.58252c8c.ttf)}@font-face{font-family:OswaldRegular;src:url(/static/media/Oswald-Regular.e1996192.ttf)}@font-face{font-family:OswaldBold;src:url(/static/media/Oswald-Bold.1e582f61.ttf)}@-webkit-keyframes transitionOpacity{0%{opacity:0}to{opacity:1}}@keyframes transitionOpacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes bounceB{0%{-webkit-transform:translateY(2px) rotate(180deg);transform:translateY(2px) rotate(180deg)}to{-webkit-transform:translateY(-5px) rotate(180deg);transform:translateY(-5px) rotate(180deg)}}@keyframes bounceB{0%{-webkit-transform:translateY(2px) rotate(180deg);transform:translateY(2px) rotate(180deg)}to{-webkit-transform:translateY(-5px) rotate(180deg);transform:translateY(-5px) rotate(180deg)}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:OswaldRegular}.app{min-height:100vh;max-width:100vw;text-align:center;margin:0 auto;padding-bottom:5%;background:#000;font-size:16px;-webkit-transition:all 1s;transition:all 1s}.app--background-appear{background:url(/static/media/music.55dd7a30.jpg) no-repeat 50% fixed;background-size:cover}::-webkit-scrollbar{position:absolute;width:10px;background-color:transparent}::-webkit-scrollbar-track{background:#010108}::-webkit-scrollbar-thumb{border-radius:10px;background:grey}@font-face{font-family:OswaldMedium;src:url(/static/media/Oswald-Medium.df16477d.ttf)}.logo{display:flex;justify-content:left;padding-left:2%;padding-top:1%;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s .2s;transition:all .3s .2s}.logo--appear{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.logo .logo__img{width:30px;height:40px}.logo .logo__text{margin-left:10px;color:#ed322f;font-family:OswaldMedium;font-size:1.6em}.title{margin:8% 0}.title__text-1{font-family:OswaldBold;font-size:1.9rem;opacity:0}.title__text-1--mod-1{-webkit-transition:opacity 1.8s;transition:opacity 1.8s;-webkit-transition-delay:1s;transition-delay:1s;opacity:1}.title__text-1--mod-2{-webkit-transition:opacity 1.8s;transition:opacity 1.8s;-webkit-transition-delay:1.02s;transition-delay:1.02s;opacity:1}.title__text-1--mod-3{-webkit-transition:opacity 1.8s;transition:opacity 1.8s;-webkit-transition-delay:1.04s;transition-delay:1.04s;opacity:1}.title__text-2{color:#d8d8d8;font-family:OswaldRegular;font-size:1rem;opacity:0}.title__text-2--mod-4{-webkit-transition:opacity 1.5s;transition:opacity 1.5s;-webkit-transition-delay:2s;transition-delay:2s;opacity:1}.search-bar-wrapper{width:80%;margin:4% auto;border-radius:15px;background:#fff;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.search-bar-wrapper--appear{opacity:1}.search-form{display:flex;justify-content:space-between;align-items:center;height:35px;margin:3% 1.5% 3% 3%}.search-form .search-form__input{height:100%;border:none;color:#000;background:none}.search-form .search-form__input:focus{outline:none}.search-form .search-form__right-side{display:flex;justify-content:space-around;height:100%}.search-form .search-form__right-side .search-form__select{vertical-align:text-top;width:70%;height:100%;border:0;outline:0;color:grey;background:none;cursor:pointer}.search-form .search-form__right-side .search-form__select:focus{height:35px;border:0;outline:0}.search-form .search-form__right-side .search-form__select .search-form__select-tab{height:35px;outline:none;padding:5px 0;color:grey}.search-form .search-form__right-side .search-form__btn{border:none;background:none;cursor:pointer}.search-form .search-form__right-side .search-form__btn:focus{outline:none}.search-form .search-form__right-side .search-form__btn .search-form__magnifier{vertical-align:bottom}.warning{margin-top:4%;margin-bottom:12%}.warning .warning__control{margin-top:0;font-family:OswaldExtraLight}.item--wrapper{display:block;padding-bottom:5%}.item{width:80%;height:100%;border:1px solid #781917;border-radius:4px;margin:5% 10% 9.765%;padding:10px 10px 5%;background:#000;-webkit-animation:fadein 1.2s;animation:fadein 1.2s}.item--active{margin-bottom:5%}.item .item__title{display:block;font-family:OswaldMedium}.item .item__artist{display:block;font-family:OswaldExtraLight;font-size:.9em}.item .item__arrow{margin-top:7%;padding:2% 0;cursor:pointer}.item .item__arrow:hover{-webkit-animation:bounce .4s infinite alternate;animation:bounce .4s infinite alternate}.item .item__arrow-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:4% 0;padding:2% 0;cursor:pointer}.item .item__arrow-180:hover{-webkit-animation:bounceB .4s infinite alternate;animation:bounceB .4s infinite alternate}.item .item__info{display:block;font-family:OswaldLight;font-size:.8em;opacity:0;-webkit-transition:1s;transition:1s}.item .item__available-tabs,.item .item__info--display{display:none}.item .item__available-tabs--display{display:block}.item .item__available-tabs .item__list-of-tabs{display:flex;justify-content:space-around;margin:2% 0}.item .item__available-tabs .item__list-of-tabs--display{-webkit-animation:transitionOpacity .3s ease-in 0s 1 normal;animation:transitionOpacity .3s ease-in 0s 1 normal}.item .item__available-tabs .item__list-of-tabs .item__individual-tab{list-style-type:none}@media (min-width:576px){.logo{padding-left:3%;padding-top:1.5%}.title__text-1{font-size:3rem}.title__text-2{font-size:1rem}.search-bar-wrapper,.search-form__input{width:70%}.search-form__right-side{width:30%}.warning{margin-bottom:4%}.item-wrapper{display:flex;flex-wrap:wrap}.item{width:45%;margin:5% auto}.item--active{margin-bottom:2.15%}}@media (min-width:768px){.title{margin:4% 0}.title__text-1{font-size:4em}.title__text-2{font-size:1rem}.search-bar-wrapper{width:60%}.search-form__input{width:80%}.search-form__right-side{width:20%}.warning{margin-top:3%;margin-bottom:3%}.item{width:30%;margin:3% auto;padding:10px}.item--active{margin-bottom:.98%}}@media (min-width:992px){.search-bar-wrapper{width:50%;margin-bottom:0}.warning{margin:2%}.item{width:22%;margin:1% auto 1.4%}.item--active{margin-bottom:0}}@media (min-width:1200px){.search-bar-wrapper{width:40%}}
/*# sourceMappingURL=main.f5c90c16.chunk.css.map */