@import url(https://fonts.googleapis.com/css2?family=Cinzel&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{background-color:#121212;margin:0 auto;-webkit-flex-direction:column;flex-direction:column;min-height:100vh}.App,.movie-container{display:-webkit-flex;display:flex}.movie-container{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}header{margin-bottom:2rem}.headerItems,header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.headerItems{-webkit-flex-direction:row;flex-direction:row}header h4{margin-left:3rem;color:#fff;cursor:pointer}header h1{color:#fff;padding-left:1rem}.showInput{margin-right:2rem;padding:1rem;border-radius:5px;border:3px solid #121212;outline:none;width:450px}.hide{display:none}.searchIcon{margin-right:2rem;color:#fff;cursor:pointer}.movie{width:250px;margin:1rem;background-color:#333;box-shadow:0 -3px 5px rgba(0,0,0,.5);border-radius:5px;padding-bottom:0;overflow:hidden;position:relative;cursor:pointer;font-family:"Cinzel",serif}.movie img{max-width:100%;height:400px;object-fit:cover}.movie-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem}.movie-info h4{margin:0;color:#fff}.movie-overview{padding:1rem;background-color:#fff;position:absolute;bottom:0;left:0;right:0;line-height:1.6;-webkit-transform:translateY(102%);transform:translateY(102%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;overflow:auto;max-height:100%;border-top-left-radius:5px;border-top-right-radius:5px}.movie:hover .movie-overview{-webkit-transform:translateY(0);transform:translateY(0)}.green{color:#18e018}.green,.orange{background-color:#121212;padding:.5rem;border-radius:5px;font-weight:700}.orange{color:orange}.red{color:#da0c0c;background-color:#121212;padding:.5rem;border-radius:5px;font-weight:700}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal{display:block;max-width:60%;height:80vh;margin:60px auto;box-shadow:3px 5px 7px rgba(0,0,0,.5);background-color:#333;position:relative;font-family:"Cinzel",serif}.cancelBtn{color:red;font-size:xx-large;font-weight:bolder;border:none;outline:none;position:absolute;top:0;right:0;background-color:transparent;cursor:pointer}.trailerBtn{background-color:#0a4bad;color:#fff;padding:1rem}.modal img{max-width:100%;height:400px;object-fit:cover;margin:6rem 2rem 2rem}.modal h2{color:#fff;margin:2rem;position:absolute}.imgWithDetails{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.details,.imgWithDetails{display:-webkit-flex;display:flex}.details{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap}.details p{display:inline;font-size:1rem;color:#fff;max-width:450vh;margin-right:2rem}.inList,.notInList{margin-right:2rem;color:#ffd900;cursor:pointer;margin-left:3rem}.buttons{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.buttons,.watchList{display:-webkit-flex;display:flex}.watchList{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.imgInWatchList{max-width:100%;height:250px;object-fit:cover;padding-left:1rem;padding-right:1rem;padding-top:1rem}.card{margin:1rem;box-shadow:3px 3px 5px rgba(0,0,0,.5);border-radius:5px;width:280px;font-family:"Cinzel",serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.card h4{color:#fff;padding-left:1rem;padding-right:1rem}.noItems{text-align:center;color:#fff;font-family:"Cinzel",serif}@media (max-width:900px){.imgWithDetails{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.details p{font-size:.8rem;color:#fff;max-width:450vh;margin:.5rem}.modal img{max-width:100%;height:250px;object-fit:cover;margin-top:6rem}.trailerBtn{background-color:#0a4bad;color:#fff;padding:1rem;display:-webkit-flex;display:flex;margin:auto}.modal{display:block;max-width:75%;height:80vh;margin:40px auto;box-shadow:3px 5px 7px rgba(0,0,0,.5);background-color:#333;position:relative;font-family:"Cinzel",serif;overflow:auto}.modal h2{color:#fff;margin:1.5rem;position:absolute}.buttons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin:1rem}.showInput{margin-left:2rem;margin-right:2rem;padding:1rem;border-radius:5px;border:3px solid #121212;outline:none;width:250px}header h4{margin-left:1rem;color:#fff;cursor:pointer}header{margin-bottom:2rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center}}
/*# sourceMappingURL=main.d2734eb7.chunk.css.map */