*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Sans,sans-serif}::-moz-selection{background:rgba(66,184,131,.5)}::selection{background:rgba(66,184,131,.5)}body{background-color:#35495e}a{text-decoration:none}header{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#2c3d4e;box-shadow:0 0 6px rgba(0,0,0,.1)}h1{color:#fff;font-size:28px}h1 span{color:#42b883}.home .feature-card{position:relative}.home .feature-card .featured-img{display:block;width:100%;height:300px;-o-object-fit:cover;object-fit:cover;position:relative;z-index:0}.home .feature-card #title{background-color:#2c3d4e;color:#fff;font-size:15px;padding:10px 16px;margin-top:20px;margin-bottom:15px;text-align:center;border-radius:10px}@media only screen and (min-width:600px){.home .feature-card #title{font-size:20px}}.home .feature-card #error{color:red;font-size:20px;padding:10px 16px;margin-top:20px;margin-bottom:15px;text-align:center}.home .feature-card .detail{position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);padding:16px;z-index:1}.home .feature-card .detail h3{color:#fff;margin-bottom:16px}.home .feature-card .detail p{color:#fff}.home .search-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.home .search-box input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none}.home .search-box input[type=text]{width:100%;color:#fff;background-color:#496583;font-size:15px;padding:10px 16px;border-radius:8px;margin-bottom:15px;transition:.4s;max-width:700px}@media only screen and (min-width:600px){.home .search-box input[type=text]{font-size:20px}}.home .search-box input[type=text]::-moz-placeholder{color:#f3f3f3}.home .search-box input[type=text]::placeholder{color:#f3f3f3}.home .search-box input[type=text]:focus{box-shadow:0 3px 6px rgba(0,0,0,.2)}.home .search-box input[type=submit]{width:100%;max-width:200px;background-color:#42b883;padding:13px;border-radius:8px;color:#fff;font-size:15px;text-transform:uppercase;transition:.4s}@media only screen and (min-width:600px){.home .search-box input[type=submit]{padding:16px;font-size:20px;max-width:300px}}.home .search-box input[type=submit]:active{background-color:#3b8070}.home #submit-btn:hover{cursor:pointer;background-color:#359268}.movie-detail{padding:16px 35px;max-width:1250px;margin-left:auto;margin-right:auto}.movie-detail .prevBtn,.movie-detail button{background-color:#42b883;padding:13px;border-radius:8px;color:#fff;font-size:15px;text-transform:uppercase;transition:.4s;border:none;float:right}.movie-detail .prevBtn:hover,.movie-detail button:hover{cursor:pointer;background-color:#359268}.movie-detail h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:16px}.movie-detail h3{color:#fff;background-color:#42b883;border-radius:10px;padding:10px;margin:30px -30px 20px -30px}.movie-detail .subTitle{font-size:14px}.movie-detail .featured-img{display:block;max-width:90%;margin:20px 0 20px 0;border-radius:10px;box-shadow:16px 5px 36px grey}.movie-detail p{color:#fff;font-size:18px;line-height:1.4}main{padding:16px 35px;max-width:1250px;margin-left:auto;margin-right:auto}button{background-color:#42b883;padding:13px;border-radius:8px;color:#fff;font-size:15px;text-transform:uppercase;transition:.4s;border:none;float:right}button:hover{cursor:pointer;background-color:#359268}.searchFor{background-color:#2c3d4e;color:#fff;font-size:15px;padding:10px 16px;margin-bottom:15px;text-align:center;border-radius:10px}@media only screen and (min-width:600px){.searchFor{font-size:20px}}.movies-list{display:flex;flex-wrap:wrap;justify-content:center;max-width:1250px;margin-left:auto;margin-right:auto}@media only screen and (min-width:600px){.movies-list{padding:0 50px 0 50px}}.movies-list .movie{max-width:214px;padding:16px 8px}@media only screen and (min-width:600px){.movies-list .movie{flex:none;min-width:214px}}.movies-list .movie .movie-link{display:flex;flex-direction:column;height:100%}.movies-list .movie .movie-link .product-image{position:relative;display:block}.movies-list .movie .movie-link .product-image img{display:block;width:100%;height:275px;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0}.movies-list .movie .movie-link .product-image .type{position:absolute;padding:8px 16px;background-color:#42b883;color:#fff;top:16px;right:0;text-transform:capitalize}.movies-list .movie .movie-link .detail{background-color:#496583;padding:16px 8px;flex:1 1 100%;border-radius:0 0 8px 8px}.movies-list .movie .movie-link .detail .year{color:#aaa;font-size:14px}.movies-list .movie .movie-link .detail h3{color:#fff;font-weight:600;font-size:18px}.movies-list .movie:hover .detail{background-color:#253341}.pages{margin-top:50px;display:flex;justify-content:center;color:#fff;padding:8px;margin:2px;border-radius:3px;font-size:1em}.page{margin:10px}.pages button{padding:8px;margin:2px;border-radius:3px;font-size:1em}.active{background-color:#35495e!important}.active:hover{background-color:#35495e;cursor:context-menu}