@import url(https://fonts.google.com/css2?family=Poppins:wght@200;400;600&display=swap);*{box-sizing:border-box}::selection{color:#fff;background:#a84244}body{background:linear-gradient(80deg,#1b1c33,#1b1c33 35%,#223049 50%);color:#fff;font-family:"Poppins",sans-serif;margin:0}ul{list-style:none;padding:0}a{text-decoration:none;color:#fff}.root{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.rec.rec-arrow{color:#a84244;background-color:hsla(0,0%,100%,.05)}.rec.rec-arrow:focus,.rec.rec-arrow:hover{color:#fff!important;background-color:#a84244!important}.loading-screen{width:100%;height:100vh;background-color:#000;z-index:10;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-animation:loading 1.5s;animation:loading 1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loading{0%{background-color:#1b1c33}50%{background-color:#373969}to{background-color:#a84244}}@keyframes loading{0%{background-color:#1b1c33}50%{background-color:#373969}to{background-color:#a84244}}.movie{margin:40px 20px;width:200px;position:relative;-webkit-filter:brightness(.85);filter:brightness(.85);transition:.2s ease-in-out}.movie:hover{cursor:pointer;-webkit-filter:brightness(1.1);filter:brightness(1.1)}.movie img{height:300px;width:100%;object-fit:cover}.movie h3{font-size:16px;margin:10px 0;line-height:24px}.tag{color:#fff;background-color:rgba(0,0,0,.7);font-weight:700;font-size:.9rem;padding:.3rem;position:absolute;top:12px;left:0;z-index:2}.search-box{position:relative}.search-box button{outline:none;border:none;font-size:20px;background-color:#a84244;color:hsla(0,0%,100%,.7);padding:16px;border-radius:50%;box-shadow:-3px 3px 10px rgba(0,0,0,.2);position:absolute;top:-13%;right:0;cursor:pointer}.search{background-color:#fff;border:none;border-top-left-radius:50px;border-bottom-left-radius:50px;color:#000;font-family:inherit;font-size:1.2rem;padding:.7rem 0;transition:.25s ease-in-out;width:0}form{transition:.2s ease-in-out;margin-right:20px}.search.clickSearch{display:inline;width:300px;padding:.7rem 2rem .7rem 1.5rem}.search:focus{outline:0}.main{min-height:calc(100vh - 60px);display:-webkit-flex;display:flex}.main,.wrapper{width:100%}.fas.fa-bars{font-size:32px;margin:20px 0 0 40px;cursor:pointer}.main-search{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:50px 5% 0 23%}.main .movies-div{margin-left:20%}.movies-div{width:80%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0 auto}.main h2{font-size:25px;font-weight:lighter}.main .dropdown-menu{position:absolute;width:100%;z-index:3;background-color:#223049;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.dropdown-anim{-webkit-animation:dropdown .4s forwards;animation:dropdown .4s forwards}@-webkit-keyframes dropdown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dropdown-menu ul{margin:0}.dropdown-menu li{width:100%;border-bottom:1px solid #1b1c33;padding:10px;color:hsla(0,0%,100%,.6);cursor:pointer;text-align:center}.dropdown-menu li:hover{color:#fff;background-color:#a84244}.dropdown-menu .close{text-align:left}.close span{margin-left:30px;color:#fff;font-size:20px}.empty-list{margin-left:23%;color:hsla(0,0%,100%,.6)}.sidebar{width:20%;height:100vh;background-color:#1b1c33;position:fixed}.sidebar-item{width:100%;padding:20px 30px;font-size:20px;cursor:pointer;transition:.12s ease-in-out;color:hsla(0,0%,100%,.6)}.sidebar-item:hover{background-color:#a84244;color:#fff;padding-left:35px;border-left:3px solid #fff}.sidebar hr{margin:30px 0;border-color:hsla(0,0%,100%,.4)}#error-msg{visibility:hidden}.error-msg{margin-top:10px;visibility:visible!important;background-color:#a84244;text-align:center;font-size:18px;padding:10px 0}.search-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:80%;height:100px;margin:0 auto}.search-nav .back-btn{font-size:26px}.search-results{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-height:calc(100vh - 200px)}.search-results h2{text-align:center}.search-results{margin-top:50px}.search-results hr{width:120px;border:2px solid #a84244;margin:50px 0}.search-movies{width:80%}.details-container{width:100%;height:100vh;position:relative;overflow:hidden}.details-container img{width:100%;height:100%;object-fit:cover;object-position:top}.details-ui{position:absolute;height:100%;width:100%;background:linear-gradient(75deg,#000,rgba(0,0,0,.7),rgba(0,0,0,.3),transparent);top:0}.details-overview,.details-ui{display:-webkit-flex;display:flex}.details-overview{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;height:90%;margin:auto 0 auto 8%;max-width:700px}.details-overview i{font-size:30px}.details-overview h1{font-size:50px;letter-spacing:5px}.overview-header{font-weight:400;color:hsla(0,0%,100%,.8);margin:0 0 15px 20px}.rating-container i{margin:5px;font-size:30px;color:#a84244}.title-container{position:relative}#details-error-msg{visibility:hidden}.details-error-msg{visibility:visible!important;position:absolute;top:-15px;left:10px;background-color:#a84244;padding:10px;width:90%;text-align:center}.cta,.cta-container{display:-webkit-flex;display:flex}.cta{-webkit-align-items:center;align-items:center;cursor:pointer;margin-right:40px}.cta i{font-size:35px;color:#a84244;margin-right:10px}.additional-info{width:70%;margin:20px auto}.add-info-container{margin:50px 0}.summary-resp{display:none}.summary-resp,.summary-resp p,.summary-resp span{font-size:16px}.summary-header{width:100%;border-bottom:1px solid hsla(0,0%,100%,.6);padding-bottom:5px;margin:0}.starring-span{color:hsla(0,0%,100%,.3)}.actor{width:80px;height:100%;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.actor img{border-radius:5px}.actor-container{min-height:60px}.actor-container h5{margin:10px 0 0}.player-wrapper{width:384px;height:216px;position:relative;padding-top:56.25%}.react-player{position:absolute;top:0;left:0}.review-link{-webkit-text-decoration:2px underline #a84244;text-decoration:2px underline #a84244;transition:.2s ease-in-out}.review-link:hover{color:#a84244}footer{min-height:60px;background-color:rgba(0,0,0,.3);color:hsla(0,0%,100%,.6);z-index:15;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}footer p{margin:0 10px}footer a{color:#fff}@media screen and (max-width:1250px){.main-search{margin:50px 5% 0}.main .movies-div{margin-left:0}.movies-div{width:100%}.sidebar{display:none}.additional-info{width:90%}}@media screen and (max-width:1000px){.details-container{height:50vh}.details-overview{-webkit-justify-content:space-between;justify-content:space-between;width:100%}.details-overview h1{font-size:40px}.details-overview i{font-size:26px}.summary{display:none}.summary-resp{display:block}.rating-container{display:none}.overview-header{font-size:20px}}@media screen and (max-width:600px){.search.clickSearch{width:210px}.additional-info{width:95%}.details-overview h1{font-size:30px}}@media screen and (max-width:500px){.cta{margin-right:20px}.cta i{font-size:20px}.cta span{font-size:16px}.player-wrapper{width:256px;height:156px}}@media screen and (max-width:400px){.details-overview h1{font-size:24px}.cta{margin-right:10px}.cta i{font-size:16px}.cta span{font-size:14px}.details-error-msg{left:5px}.player-wrapper{width:192px;height:117px}}
/*# sourceMappingURL=main.97d6871a.chunk.css.map */