*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1c22;color:#fff;font-family:"Ubuntu",sans-serif;font-size:25px}.title{text-align:center;margin:30px 0}ul{width:90%;border-radius:10%;margin:0 auto}li{display:flex;margin-bottom:20px;align-items:center;background:#25262c;min-height:75px;border-radius:10% 5% 5% 10%;box-shadow:1px 1px 3px -1px #00bfff;position:relative}img{width:100px;border-radius:10%}h3{margin-left:15px;max-width:80%}form{justify-content:center;margin-bottom:30px}.input-group,form{display:flex;align-items:center}.input-group{margin:0 20px}label{margin-right:10px}input{background:#1a1c22;height:25px;border:none;border-bottom:1px solid #fff;color:#fff;font-size:14px;padding:5px;text-align:center}input.title{width:310px}input:focus{outline:none}button{background:#1a1c21;color:#fff;padding:5px 25px;border-color:#1a1c21;border-radius:5%;font-size:20px;cursor:pointer}i.fas.fa-play-circle{position:absolute;right:20px;font-size:40px;cursor:pointer}i:hover{color:#00bfff}.resultNotFound{text-align:center;margin-top:10%}.cardContainer{width:100%;display:flex;flex-wrap:wrap}.clickable{cursor:pointer}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.title{margin:20px 0}form{flex-direction:column;align-items:flex-start}label{font-size:18px;min-width:23%}.input-group{width:93%}input,input.title{width:60%}h3{font-size:20px;padding:15px}ul{display:flex;flex-wrap:wrap;width:100%}li{min-height:300px;flex-direction:column;justify-content:space-evenly;width:46%;margin:2%}li img{width:100%}li i.fas{display:none}}@media (min-width:481px) and (max-width:767px){.title{margin:20px 0}.cardContainer,form{flex-direction:column}form{align-items:flex-start}label{font-size:18px;min-width:23%}.input-group{width:93%}input,input.title{width:60%}h3{font-size:22px;padding:15px}li{min-height:300px;flex-direction:column;justify-content:space-evenly}li img{width:100%}li i.fas{display:none}}@media (min-width:320px) and (max-width:480px){.title{margin:20px 0}.cardContainer,form{flex-direction:column}form{align-items:flex-start}label{font-size:18px;min-width:23%}.input-group{width:93%}input,input.title{width:60%}h3{font-size:20px;padding:15px}li{min-height:300px;flex-direction:column;justify-content:space-evenly}li img{width:100%}li i.fas{display:none}}.Modal_modal__2J34Z{display:none;position:fixed;z-index:1;left:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);-webkit-animation-name:Modal_fadeIn__KO6iv;-webkit-animation-duration:.4s;animation-name:Modal_fadeIn__KO6iv;animation-duration:.4s;overflow:hidden}.Modal_open__3j-8r{display:block}.Modal_modalContent__gEYfR{position:fixed;bottom:0;background-color:#fefefe;width:100%;-webkit-animation-name:Modal_slideIn__2j0cC;-webkit-animation-duration:.4s;animation-name:Modal_slideIn__2j0cC;animation-duration:.4s}.Modal_close__mib9h{color:#fff;float:right;font-size:32px;font-weight:700}.Modal_close__mib9h:focus,.Modal_close__mib9h:hover{color:#00bfff;text-decoration:none;cursor:pointer}.Modal_modalHeader___IpfF{padding:2px 16px;color:#fff;display:flex;position:fixed;top:12px;width:98%;justify-content:space-between}.Modal_modalBody__2GBZm{width:100%;height:100%;align-items:center;background:#1a1c22;display:flex;justify-content:center}.Modal_modalBody__2GBZm p{font-size:18px;max-width:50%;padding:17px;max-height:90%;overflow-y:scroll;box-sizing:content-box}.Modal_noLyrics__2ExbP{width:50%;text-align:center}.Modal_modalFooter__5fMVd{padding:2px 16px;background-color:#1a1c22;color:#fff}@-webkit-keyframes Modal_slideIn__2j0cC{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes Modal_slideIn__2j0cC{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes Modal_fadeIn__KO6iv{0%{opacity:0}to{opacity:1}}@keyframes Modal_fadeIn__KO6iv{0%{opacity:0}to{opacity:1}}@media (min-width:481px) and (max-width:767px){.Modal_modalBody__2GBZm{flex-direction:column}.Modal_modalBody__2GBZm>div{width:100%!important}.Modal_modalBody__2GBZm p{max-width:100%}}@media (min-width:320px) and (max-width:480px){.Modal_modalBody__2GBZm{flex-direction:column}.Modal_modalBody__2GBZm>div{width:100%!important}.Modal_modalBody__2GBZm p{max-width:100%}}.Card_card__1eE8R{width:25%;padding:15px;min-height:465px;border:1px solid rgba(255,127,80,.219);border-radius:5%;position:relative}.Card_details__25VEl h4{cursor:pointer}.Card_thumbnail__1gfcG{width:100%;cursor:pointer}.Card_cardImage__2P8Zj{width:100%}.Card_channelName__1bOde{font-size:15px;font-style:italic;color:grey;text-align:right;padding:10px}.Card_statistics__2fp3m{display:flex;flex-wrap:wrap;color:grey;position:absolute;bottom:0}.Card_statistics__2fp3m span{font-size:15px;width:50%;padding:10px 10px 10px 0}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.Card_card__1eE8R{width:50%}}@media (min-width:481px) and (max-width:767px){.Card_card__1eE8R{width:100%;margin:10px}.Card_statistics__2fp3m{position:relative}}@media (min-width:320px) and (max-width:480px){.Card_card__1eE8R{width:100%;margin:10px}.Card_statistics__2fp3m{position:relative}}
/*# sourceMappingURL=main.f5e38d32.chunk.css.map */