*{padding:0;margin:0;box-sizing:border-box;scrollbar-color:#353535 transparent}body{font-family:"Open Sans",sans-serif;background-color:#312f2f;color:#fff}.navbar{width:100%;min-height:60px;background-color:#e20505;display:flex;flex-wrap:wrap;z-index:10;position:fixed;top:0}.underline{width:200px;height:2px;background-color:grey;margin:0 auto}.logo-title{font-family:"Ubuntu",sans-serif;padding:15px 20px;background-color:#ce0707;width:240px;text-align:center}.search-form{display:flex;padding-left:40px;padding-top:13px}.search-form input{background:none;outline:none;color:#fff;border:none;border-bottom:1px solid #9b9b9b;font-size:17px;padding:5px;margin-left:8px;width:300px}.search-icon{padding-top:6px}.search-icon i{font-size:20px}.sidebar{padding-top:70px;width:240px;height:100vh;background-color:#1a1919;left:0;top:0;z-index:9;position:fixed;transition:all .3s ease;transform:translateX(-100%)}.toggle-btn{display:flex;justify-content:flex-end;margin:0 30px}.show-side-bar{transform:translateX(0)}.movies-pages-list{margin-bottom:30px;height:20vh;overflow-x:hidden}.movies-categories li.current,.movies-pages-list li.current{background-color:#222333}.movies-categories li,.movies-pages-list li{list-style:none;transition:all .3s ease;padding:10px;cursor:pointer;text-align:center}.movies-categories li:hover,.movies-pages-list li:hover{background-color:#222333}.movies-categories li a,.movies-pages-list a{text-decoration:none;color:#fff}.movies-categories{margin-top:20px;height:55vh;overflow:scroll;overflow-x:hidden}a{text-decoration:none;color:#fff}.home{display:flex;justify-content:center}.home-section{margin-top:60px;margin-left:40px;width:calc(100% - 70px);transition:all .3s ease}.margin-home-section{margin-left:240px}.movie-current-category{margin:30px 50px 10px 60px;font-family:"Roboto",sans-serif;font-size:40px}.title{width:360px}.side-bar{padding-top:70px;width:60px;height:100vh;position:fixed;background-color:#1a1919;top:0;left:0;display:flex;z-index:9;justify-content:center}.side-bar button{height:40px;background:none;border:none}.side-bar i{color:#fff;font-size:30px;cursor:pointer}footer{text-align:center;background:#1a1919;padding:10px}@media (max-width:480px){.sidebar{width:100%}}body{background-color:#222}#preloader{position:fixed;top:0;left:0;width:100%;height:100%}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370db;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ba55d3;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0f;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.movies-category-type{margin-top:30px;margin-left:100px;font-size:30px;letter-spacing:5px}.scroll1::-webkit-scrollbar-track{background:red}.scroll1::-webkit-scrollbar-thumb{background:#666}.main-home{display:flex;flex-direction:column}@media (max-width:922px){.movies-pages-list{margin-bottom:0}.movie-current-category{font-size:25px}.fa-sync-alt{margin:30px 80px 0;font-size:18px;padding:5px;border-radius:7px}.page{width:15px;height:15px;font-size:12px;margin:6px}.movies-show-section{justify-content:space-around}.title-reload-section{flex-direction:column;align-items:center}}@media (max-width:625px){.main-all{margin-top:40px}.toggle-btn{margin-top:60px}.navbar{flex-direction:column;align-items:center;padding-bottom:10px}.logo,.logo-title{width:100%}}.movies-show-section{display:flex;justify-content:space-around;flex-wrap:wrap}.movies-category-type{width:100%;margin-bottom:12px}.title{width:100%}.title-reload-section{width:100%;display:flex;justify-content:space-between}.fa-sync-alt{margin:50px 100px 0;font-size:24px;cursor:pointer;background-color:#5151ff;padding:6px;border-radius:7px}.fa-sync-alt:hover{background-color:#4040e0}.movie-container{margin:15px;box-shadow:3px 3px 7px rgba(0,0,0,.3);padding:4px 4px 10px;transition:all .3s ease;cursor:pointer}.background-scale,.movie-container{width:190px;overflow:hidden}.movie-container:hover{box-shadow:5px 5px 10px rgba(0,0,0,.5)}.movie-background{box-shadow:inset 0 0 45px 10px rgba(0,0,0,.7);height:240px;background-size:cover;background-position:50%;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.movie_infos{position:relative;width:100%;display:flex;flex-wrap:wrap;margin-top:30px;justify-content:space-around}.movie-container:hover .movie-background{box-shadow:inset 0 0 50px 15px rgba(0,0,0,.9);transform:scale(1.04)}.movie-title{text-align:center;margin-top:6px;font-size:.9rem;font-family:"RocknRoll One",sans-serif}.movie-title span{font-size:.65rem}.movie-rate{display:flex;justify-content:flex-end;padding:7px 12px}.movie-rate img{width:25px}.vote-average{font-size:.9rem;padding-top:4px;opacity:.9}.details-btn,.vote-average{font-family:"RocknRoll One",sans-serif}.details-btn{background-color:#7575ff;border:none;color:#fff;font-size:10px;letter-spacing:2px;padding:4px 6px;border-radius:6px;transition:all .1s ease-in;cursor:pointer;transform:translateY(120%)}.details-btn.show{transform:translateY(-40%)}.details-btn:hover{background-color:#5555d4}.movie-more-info{display:flex;justify-content:center}.no-movies{margin:40px 60px}.movie-info-container{display:flex;justify-content:center;flex-wrap:wrap;padding:40px}.poster-container img{width:300px}.info-container{width:70%}.single-movie-title{font-family:"RocknRoll One",sans-serif;margin-left:30px;padding-bottom:10px;text-align:center;font-size:20px}.movie-title-info{width:100%;display:flex;justify-content:space-around;border-bottom:1px solid grey}.movie-info-rate{display:flex;margin-right:100px;justify-content:center}.movie-triller-ytb{width:660px;height:415px}.movie-title-info img{width:25px;height:25px;margin-right:6px}.movie-info-vote{font-family:"RocknRoll One",sans-serif;margin-top:2px;margin-right:10px;font-size:20px}.movie-info-vote span{opacity:.5;font-size:15px}.single-movie-info{width:100%}.single-movie-more-info{margin-top:20px;display:flex;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;padding:10px;background-color:#1a1a1a;border-radius:6px;width:100%;margin-left:10px}.single-movie-more-info p{margin-top:6px}.single-movie-genre{background-color:#242323;padding:4px;border-radius:6px;margin-right:4px}.movie-info{display:flex}.movie-info-div{background-color:#333232;padding:4px;border-radius:6px}.movie-info-info{font-size:15px;margin-top:10px;margin-left:20px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:6px}.movie-overview{display:flex}.overview{border:1px solid hsla(0,0%,100%,.1);padding:8px;border-radius:6px}.movie-tirller-title h1{font-size:40px;margin:10px 10px 10px 60px;border-bottom:2px solid hsla(0,0%,100%,.1);width:150px}.movie-triller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;margin-top:20px}.similar-movies{display:flex;overflow-x:scroll}.similar-movies::-webkit-scrollbar{display:none}.similar h1{width:300px}.similar-movies{margin:10px;border:1px solid hsla(0,0%,100%,.1)}.pages-section{width:100%;margin-top:30px}.page,.pages-section{display:flex;flex-wrap:wrap;justify-content:center}.page{border:1px solid hsla(0,0%,100%,.2);width:30px;height:30px;margin:10px;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 5px rgba(0,0,0,.3)}.current-page,.page:hover{background-color:#161616}.back-home-page{border:none;background-color:#5151ff;color:#ddd;padding:6px;border-radius:4px;font-size:16px;cursor:pointer;margin:50px 80px 0}.fa-arrow-left{margin-right:8px}.back-home-page:hover{background-color:#4040e0}.search{font-size:20px;text-transform:capitalize;margin:20px 70px 0}@media (max-width:1040px){.poster-container img{width:250px}.movie-title-info{flex-direction:column;align-items:center}.movie-info-rate{margin-right:0}.movie-triller-ytb{width:560px;height:315px}}@media (max-width:715px){.movie-triller-ytb{width:460px;height:315px}.info-container{font-size:.8rem;width:100%}.movie-info{flex-direction:column;margin:8px 0;text-align:center}.movie-tirller-title h1{font-size:30px}}@media (max-width:585px){.movie-triller-ytb{width:360px;height:215px}.info-container{font-size:.8rem}.movie-tirller-title h1{font-size:20px}}@media (max-width:480px){.movie-triller-ytb{width:260px;height:170px}}
/*# sourceMappingURL=main.e20eaea3.chunk.css.map */