@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-white:#fff;--clr-primary:#282c34;--clr-black:#222;--clr-dark-grey:#7f8b8f;--clr-orange:#ebb85c;--ff-primary:"Open Sans",sans-serif;--spacing:0.25rem;--radius:0.5vw;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.2);--margin:1rem;--padding:0.5rem;--line-height:1.5}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#222;background:var(--clr-black);color:#fff;color:var(--clr-white);font-family:Open Sans,sans-serif;font-family:var(--ff-primary);height:100%;line-height:1.5;line-height:var(--line-height);width:100%}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex}.width-100{width:100vw}.text-align-left{text-align:left}li{color:#fff}.App{text-align:center}.app-container{margin-left:auto;margin-right:auto;max-width:96%}.container-flex-row{margin-bottom:3rem;margin-top:3rem;width:100%}.container-flex-row,.container-large{align-items:center;display:flex;justify-content:center}.container-large{color:#fff;flex-direction:row;flex-wrap:wrap;margin:2rem auto;max-width:1500px;width:95%}.link{margin-top:2rem}.link:visited{color:#fff;color:var(--clr-white)}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#7f8b8f;border-top:16px solid var(--clr-dark-grey);height:140px;width:140px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:576px){.app-container{max-width:540px}}@media (min-width:768px){.app-container{max-width:720px}}@media (min-width:992px){.app-container{max-width:960px}}@media (min-width:1200px){.app-container{max-width:1140px}}@media (min-width:1400px){.app-container{max-width:89%}}.movie-card{border:1px solid orange;cursor:pointer;display:flex;flex-direction:column;height:16.5rem;justify-content:center;margin-bottom:var(--margin);margin-left:var(--margin);padding:var(--padding);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:10rem}.poster-link{height:13rem}.watchList-search{height:21rem;width:13rem}.movie-card:hover{scroll-behavior:auto;-webkit-transform:scale(1.08);transform:scale(1.08)}.movie-card .overlay{align-items:center;background-color:rgba(0,0,0,.8);color:#fff;display:flex;height:2.5rem;justify-content:space-around;width:100%}.watch-list-icon{height:1.2rem;margin-right:2rem;width:1.2rem}.add-list{background-color:initial;border:none;color:#fff;margin-bottom:auto;margin-top:auto}.vote-average{border:1px solid var(--clr-orange);font-size:.9rem;height:1.5rem;line-height:var(--line-height);text-align:center;width:2rem}.green{border:1px solid #39c739;color:#39c739}.vote-average-text{margin:auto}.row{color:#fff;flex-direction:column;margin-left:auto;margin-right:auto;padding-bottom:20px;padding-left:6px}.row,.row-movie-cards{display:flex;width:100%}.row-movie-cards{overflow-x:auto;overflow-y:hidden}.row-title{font-size:1.1rem;margin-bottom:.5rem;margin-left:var(--margin);text-align:left}.movie-detail-container{display:flex;flex-wrap:wrap;font-size:1rem;line-height:2rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1500px;text-align:left;width:98%}.movie-detail-title{font-size:1.5rem}.movie-detail-container em{font-size:1.1rem;margin-bottom:var(--margin);margin-top:var(--margin)}.movie-detail-poster{margin:auto;min-width:15rem;width:25%}.movie-detail-text-container{display:flex;flex-direction:column;justify-content:flex-end;margin:auto;min-width:20rem;padding:.3rem;width:60%}.date-genre-duration-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--margin);max-width:800px;width:80%}.date-genre-duration-container p{margin-right:.3rem}.user-control{flex-wrap:wrap;justify-content:space-between;margin-right:auto;margin-top:var(--margin);width:20rem}.play-btn,.user-control{align-items:center;display:flex}.play-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:.8rem;justify-content:center;width:8rem}.play-btn:hover{background-color:#fff;border:1px solid var(--clr-orange);border-radius:var(--radius);color:var(--clr-orange)}.trailer-container{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1400px;width:90%}.App-header{background-color:var(--clr-black);color:#fff;flex-wrap:wrap-reverse;font-size:.9rem;height:10%;justify-content:space-around;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding-top:10px}.App-header,.logo{align-items:center;display:flex;width:100%}.logo{margin-top:.5rem;max-width:350px}.logo-img{min-width:50px;width:25%}.logo-title{color:#fff;font-size:2rem;margin-left:0}.main-nav{align-items:center;display:flex;justify-content:space-around;margin-left:auto;margin-top:auto;max-width:200px;width:100%}.search-img{width:30px}.nav-link,.search-img{color:var(--clr-white)}.nav-link{text-decoration:none}.nav-link:visited{color:var(--clr-white)}@media (min-width:1200px){.logo-title{font-size:2.5rem}}.select-page{color:orange;width:7rem}.page-controllers-container{display:flex;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:25rem;width:95%}.pagination-btn{background-color:var(--clr-orange);height:2.5rem;margin:auto;width:5rem}button:hover{background-color:#fff;color:var(--clr-orange)}.search-wrapper{background-color:var(--clr-orange);display:flex;height:3rem;margin:auto auto 15px;max-width:750px;padding:2px;width:90%}.search-wrapper .search-form{font-size:1rem;height:100%;margin-bottom:2px;width:100%}.search-wrapper .search-form .search-input{border:none;display:inline-block;height:100%;padding-left:5px;width:100%}.container-search{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:2rem auto;max-width:1800px;width:95%}
/*# sourceMappingURL=main.9396eb66.css.map*/