*{padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(#66a6ff,#89f7fe)}.navbar-header{background-color:#c2e9fb;display:flex;gap:25px;margin-top:0;position:fixed;width:100%;z-index:1000}.navbar-header h1{margin-left:1rem}.navbar-header h2{color:#d47c50;font-size:calc(1.1rem + .6vw);margin:10px 0 0 15px}.banner{margin:1rem}.banner-card,.banner-card .banner-img{height:70vh;width:100%}.banner-card .banner-text{color:#fff;font-size:2rem;font-weight:700;left:5%;margin-bottom:10px;position:absolute;text-transform:uppercase;top:40%}.banner-card .overview{font-size:1rem;margin-top:70px}.movies-list{align-items:center;background:linear-gradient(#66a6ff,#89f7fe);display:flex;flex-wrap:wrap;justify-content:center}.movies-list .card .card-content .card-title{left:20%;position:absolute;top:73%}.card-title:hover{color:#7474f8;transition:all .3 ease}.movies-list .card .card-content .movie-btn{font-size:12px;left:32%;position:absolute;top:35%}.card{align-items:center;border-radius:10px;display:flex;justify-content:center;margin-right:10px;margin-top:2rem}.card .image{background-color:#fff;height:250px;width:340px}.card .image,img{border-radius:10px}img{margin-bottom:20px;margin-left:15px;width:90%}img:hover{margin-top:-21px;transition:all .3s ease-in-out}.pagination{cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;margin:10px}.favorite-list{margin:5rem 0 0 1rem}.favorite-table{padding:5rem}@media screen and (max-width:1021px){.banner{margin:.5rem}.banner-card{border-radius:2px;height:50vh}.banner-card .banner-img{height:50vh}.banner-card .banner-text{font-size:1.5rem;left:2%;top:20%}.banner-card .overview{font-size:.7rem;margin-top:10px;overflow:hidden}.card{justify-content:start;width:301px}.card .image{height:196px;width:300px}.card .image img{height:77%}img:hover{margin-top:-21px;transition:all .3s ease-in-out}.movies-list .card .card-content .card-title{left:20%;top:78%}.movies-list .card .card-content .movie-btn{left:27%;top:22%}}@media screen and (max-width:750px){.card{justify-content:flex-start;width:301px}.card .image{height:196px;width:300px}.card .image img{height:77%}.movies-list .card .card-content .card-title{left:20%;top:78%}.movies-list .card .card-content .movie-btn{left:27%;top:22%}}@media screen and (max-width:625px){.card{justify-content:left;width:250px}.card .image{height:185px;width:249px}.card .image img{height:77%}.movies-list .card .card-content .card-title{font-size:14px;left:20%;top:76%}.movies-list .card .card-content .movie-btn{left:27%;top:22%}}@media screen and (max-width:525px){.card{height:341px;width:200px}.card .image{height:340px;width:198px}.card .image img{height:82%;margin-left:10px}.movies-list .card .card-content .card-title{top:83%}.movies-list .card .card-content .movie-btn{left:17%;top:37%}}@media screen and (max-width:425px){.banner-card,.banner-card .banner-img{height:40vh}.banner-card .banner-text{font-size:1.1rem;left:-2%}.banner-card .overview{font-size:.5rem}.card{height:37vh;width:74%}.card .image{height:203px;width:100%}.card .image img{height:75%;margin-left:14px}.movies-list .card .card-content .card-title{left:25%;top:75%}.movies-list .card .card-content .movie-btn{left:26%;top:26%}}
/*# sourceMappingURL=main.69117fec.css.map*/