@import"https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";@import"https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";*{margin:0;border:0;box-sizing:border-box}:root{--font-roboto: "Roboto Slab", serif;--font-raleway: "Raleway", sans-serif}body{font-family:var(--font-roboto);background-color:#212426}.nav-container{position:sticky}@media screen and (max-width: 600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{width:20px;height:20px}}@media screen and (max-width: 400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{width:"100%";margin:1rem}}.movie{width:360px;height:460px;margin:1.5rem;position:relative;border-radius:12px;overflow:hidden;border:none;transition:all .4s cubic-bezier(.175,.885,0,1);box-shadow:0 13px 10px -7px #0000001a}.movie div:nth-of-type(1){position:absolute;padding:16px;width:100%;opacity:0;top:0;color:#f9d3b4}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie div:nth-of-type(2){width:100%;height:100%}.movie div:nth-of-type(2) img{height:100%;width:100%}.movie div:nth-of-type(3){z-index:2;background-color:#343739;padding:16px 24px 24px;position:absolute;bottom:0;right:0;left:0}.movie div:nth-of-type(3) span{font-family:Raleway,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:500;color:#f0f0f0}.movie div:nth-of-type(3) h3{margin-top:5px;font-family:Roboto Slab,serif;color:#f9d3b4}.movie:hover div:nth-of-type(2){height:100%;opacity:.3}.movie:hover div:nth-of-type(3){background-color:transparent}.movie:hover div:nth-of-type(1){opacity:1}.loading-page{height:90vh;display:flex;align-items:center;justify-content:center}.loading{border:5px solid;border-color:rgb(0,191,255) white white rgb(20,216,251);border-radius:50%;width:2rem;height:2rem;animation:rotate 1s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cast-card{color:#fff;font-size:small;border-radius:10px;width:100%;text-align:center;margin:15px;padding:15px;transition:transform .3s;flex-wrap:wrap}.cast-card img{max-width:20rem}p{padding:5px;text-align:left;font-size:medium}.contain{width:100%;height:90vh;background:#272727}.banner{margin:1rem auto 2rem;width:95%;height:80%;display:flex;border-radius:15px;background-color:#030a17;background-image:linear-gradient(to right,#0000008a 50%,#0006 60%,#000)}.movie-details{width:50%;color:#fff}.details{width:100%;display:flex}.backdrop{padding:10px;flex:1}.backdrop img{width:13vw;height:28vh;border-radius:5px}.title{flex:3}.o-title{font-size:2.5rem;margin-top:.5rem}.rating{color:#95ceff;font-size:x-large;font-weight:300}.overview{margin-inline:1rem;height:auto;line-height:2rem}.o-head{margin:1.8rem 0;font-size:2.5em;font-weight:400}.o-text{font-size:1.3rem;font-weight:200;text-align:justify}.genres{display:flex;justify-content:start;margin:2.5rem 0 2.5rem .4rem}.poster{height:100%;width:50%;z-index:1;background-image:linear-gradient(to right,#000c 40%,#000000ed 60%,#000000ae)}.poster img{width:100%;height:100%;object-fit:fill;opacity:.5;background-image:linear-gradient(to bottom,#000 50%,#000 60%,#000)}.poster img:after{content:"";bottom:0;left:0;right:0;height:100%}.casts-heading{color:#fff;margin-left:2rem;font-size:1.6rem;font-weight:500}.casts{width:100%;display:flex;justify-content:space-around;overflow:scroll;flex-wrap:nowrap}.casts::-webkit-scrollbar{display:none}@media (max-width: 768px){.banner{flex-direction:column}.movie-details{width:100%}.poster{width:100%;height:auto}}.app{padding:4rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.container{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pagination{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-size:1rem;font-weight:700}button{padding:10px 20px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;width:5rem}button:disabled{background-color:#ccc;cursor:not-allowed}.search{height:100%;display:flex;align-items:center;justify-content:center;border-radius:3rem;gap:1em}.search input{border:none;height:75%;font-size:1rem;font-family:var(--font-raleway);font-weight:500;padding:.5rem 1rem;outline:none;color:#a1a1a1;border:1px solid rgb(205,205,205);border-radius:5px;width:100%;max-width:300px}.search input::placeholder{color:#a1a1a1;opacity:.8}.search button{border-radius:5px;height:100%;color:#fff;font-family:var(--font-raleway);letter-spacing:.75px;cursor:pointer;background:#323233;border:1px solid grey}@media (max-width: 768px){.search{flex-direction:column;gap:.5em}.search input,.search button{width:100%;max-width:none}}.nav-container{width:100%;padding:8px;display:flex;justify-content:center;background-color:#8080806b;flex-wrap:wrap;position:sticky}.nav{max-width:80%;width:80%;display:flex;justify-content:space-between;align-items:center}.logo-box{flex-grow:1}h1{font-size:2rem;letter-spacing:.9px;background:linear-gradient(90deg,#f9d3b4,#f9d3b400 200%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.links-box{display:flex;align-items:center;gap:1em;flex-grow:2;justify-content:flex-end}.links{color:#c8ae88}.links ul{display:flex;gap:1em}.links ul li{list-style:none}.L a{text-decoration:none;color:inherit}.search{margin-left:1em}.toggler-icon{position:relative;height:2rem;background:gray;border:1px solid rgb(200,200,200);border-radius:10%;width:3rem;display:none;align-items:center;justify-content:center}.toggler-icon .toggler{display:flex;flex-direction:column;gap:5px}.toggler-icon>.toggler span{content:" ";background:#494b4c;width:2rem;height:2.5px}@media (max-width: 1200px){.nav{flex-direction:column;align-items:center}.logo-box{width:100%}.links-box{display:none}.toggler-icon{display:flex}.links-box.vertical{display:flex;flex-direction:column;width:100%;align-items:center;padding:1em 0}.links ul{flex-direction:column;align-items:center}.search{margin-top:1em}}