*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1c22;color:#fff;font-family:"Ubuntu",sans-serif;font-size:25px}.title{margin:30px 0}.text-center{text-align:center}ul{width:90%;border-radius:10%;margin:0 auto}li{display:flex;margin-bottom:20px;align-items:center;background:#25262c;border-radius:10% 5% 5% 10%;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}button:hover{box-shadow:0 0 5px #000,0 0 25px #000,0 0 50px #000,0 0 100px #848484}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}.menubar,.menubar ul{display:flex}.menubar ul{justify-content:flex-end;width:70%}.menubar li{justify-content:center;margin:25px 2px;height:0;min-height:50px}.menubar a{text-decoration:none;color:#fff;padding:20px}.menubar a:hover{color:#00bfff}.menubar .title{margin-left:3%}.video{display:flex;justify-content:center;align-items:center;height:80vh}.video p{font-size:18px;max-width:50%;padding:0 17px;max-height:100%;overflow-y:scroll;box-sizing:content-box}.form-container{width:35%;margin:0 auto}.form-container h1{margin-bottom:25px}.login-form,.register-form{display:flex;flex-direction:column;align-items:flex-end}.form-group{display:flex;align-items:center;width:100%;padding-bottom:15px;position:relative}.register-error{position:absolute;left:100%;width:80%}.login-form label,.register-form label{min-width:125px;display:inline-block}.login-form input,.register-form input{flex-basis:100%;padding:20px}.logout-btn{border:none;background:#25262c}.logout-btn:hover{box-shadow:none;color:#00bfff}.logout-btn:focus{outline:none}.dropdown{position:relative;display:inline-block}.dropdown span{padding:10px;display:inline-block}.dropdown-content{display:none;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);background:#1a1c22;z-index:1}.dropdown-content li{margin:5px 0;font-size:18px}.dropdown:hover .dropdown-content{display:block}ul.dropdown-content{display:none}@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}}.Card_card__1eE8R{width:25%;padding:15px;border:1px solid rgba(255,127,80,.219);border-radius:5%;position:relative}.Card_details__25VEl h4{cursor:pointer}.Card_details__25VEl a{color:#fff;text-decoration:none}.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}.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.ad67c674.chunk.css.map */