:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.container{min-width:1200px;margin:0 auto;display:grid;grid-template-areas:"header header header" "menu menu menu" "main main main" "footer footer footer"}.search-details{grid-area:main;width:98vw;background:#f2efe9}.search-description{padding:10px}.search-title{text-align:center;color:#a60311;font-weight:900;font-size:38px}.search-item{display:flex;align-items:center;justify-content:space-around;padding:10px;text-align:center;border:1px solid #a60311;margin:10px 0;max-height:500}.description-img{display:flex;align-items:start;justify-content:center}.description-img img{width:350px;height:490px;object-fit:cover;padding:0}.description-item{display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding-left:30px;width:700px}.search-overview span{font-style:italic;font-size:20px;font-weight:400}.search-release-date,.search-overview{font-weight:700;font-size:18px}.search-trailer a{text-decoration:none;color:#a60311;font-size:24px}img[alt="No Image"]{filter:grayscale(100%);opacity:.7;background-color:#000d0c4d}.header{grid-area:header;padding:10px;background-color:#a60311;display:flex;align-items:center;flex-direction:row;justify-content:space-between;text-align:center;color:#feffff;border-bottom:2px solid #f2efe9}img{height:80px;width:80px;padding-top:20px}.popcorn-time{margin:8px}.popcorn-time a{color:#feffff;text-decoration:none;font-size:28px}input{width:440px;height:40px;padding:15px;border-radius:20px;border:1px solid #ffff;background-color:#59020233;font-size:18px}input::placeholder{color:#f2efe9;font-style:italic;font-size:20px}input:hover{border-radius:20px;border:2px solid #cd8808;transition:border-color .3s ease,box-shadow .3s ease}.search{width:90px;height:40px;background:#d98e04;border-radius:15px;color:#feffff;border:2px solid #cd8808;margin:15px;font-size:18px;cursor:pointer}.search:hover{background:#f09308}.login{width:90px;height:40px;background:#d98e04;border-radius:15px;border:2px solid#d98e04;cursor:pointer}.login a{text-decoration:none;font-size:18px;color:#feffff}.login:hover{background:#f09308;border-radius:15px}.login-mondal{width:120px;height:40px;margin-left:20px;background:#d98e04;border-radius:15px;border:2px solid#d98e04;text-align:center}form{display:flex;align-items:center;justify-content:space-around;flex-direction:column;background:#bf9d73;width:100%;cursor:pointer;position:relative;z-index:2;animation:example 1s ease-in-out}.email,.password{padding:10px;margin:15px;max-width:270px;background:#bf9d73;border-radius:2px solid #f2efe9}.form-btn{text-align:center}.show{background:#d98e04;border:2px solid #cd8808;font-size:18px;width:60px;height:30px;margin:10px;border-radius:10px;text-align:center;cursor:pointer}.show:hover{background-color:#f09308}.submit{background:#a60311;width:130px;height:40px;margin:5px;border-radius:15px;border:2px solid #590202;font-weight:700;font-size:18px;text-align:center;cursor:pointer}.submit:hover{background:#cc1c39}.close{position:fixed;z-index:3;bottom:875px;right:2px;background:#d98e04;color:#a60311;font-weight:900;font-size:20px;border:1px solid #f2efe9;width:35px;height:35px;cursor:pointer}.close:hover{background:#f09308}.important{color:#a60311;font-weight:600;margin-left:40px}@-webkit-keyframes example{0%{top:-100px;opacity:0}to{top:0;opacity:1}}@keyframes example{0%{top:-100px;opacity:0}to{top:0;opacity:1}}.main{grid-area:main;width:100%;background:#a60311;display:flex;justify-content:center;padding-bottom:2px}.anim-logo{width:70px;height:70px;animation:float 4s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(2352px)}}.trending-movies{padding:20px;width:100%;max-width:1200px;background-color:#f2efe9;box-sizing:border-box}.trending-movies h2{margin-bottom:22px;text-align:center;color:#000d0c;text-transform:uppercase;font-weight:900}.movies-card{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.movies-card div{position:relative;height:445px;border-radius:10px;border:4px solid rgb(115,2,12);text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.movies-card img{width:100%;height:100%;border-radius:5px;margin-bottom:5px;object-fit:cover;padding-top:0}.movies-card h3{display:none;margin:10px 0;text-transform:capitalize;font-weight:800;background-color:#d98e04;color:#a60311;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s ease}.movies-card div:hover h3{display:block;opacity:1;width:100%;height:15.4%}.details-movie{grid-area:main;background:#f2efe9;font-size:18px}.movie-part-1{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);margin-top:20px;background-color:#a60311}.description-movie{align-self:center;justify-self:center;background:#f2efe9;border-radius:10px;max-width:500px;text-align:center;color:#000d0c;opacity:.6;margin-left:20px}.description-movie .title-movie{color:#bf0426;font-weight:900;font-size:38px}.description-movie .original-title-movie,.country-movie,.genre-movie,.release-date-movie,.overview-movie{font-weight:700;font-size:18px}.description-movie .overview-movie span{font-style:italic;font-size:20px;font-weight:400}.no-image{display:flex;justify-content:center;align-items:center;background-color:#e0e0e0;height:400px;margin-top:20px;border-radius:8px}.menu{grid-area:menu;background-color:#73020c;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:65px;border-bottom:1px solid #f2efe9;margin-bottom:2px}.movies{display:inline-block;position:relative}.films-btn,.serials-btn{width:130px;height:40px;border-radius:15px;border:2px solid #d98e04;background:#d98e04;cursor:pointer;color:#feffff;font-size:18px}.dropdown-content{display:none;visibility:hidden;position:absolute;z-index:1;background:#73020c;box-shadow:0 8px 16px #0003;min-width:150px;padding-top:4px;transform:translateY(-10px);transition:opacity .4s ease,transform .3s ease,visibility .4s ease}.genre-btn-serials,.genre-btn-movies{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#73020c;border:2px solid #d98e04;width:100%;height:45px;cursor:pointer}.genre-btn-serials:hover,.genre-btn-movies:hover{background:#590202}.dropdown-content a{display:block}.serials{display:inline-block}.movies:hover .dropdown-content,.serials:hover .dropdown-content{display:block;visibility:visible;opacity:1;transform:translateY(0)}.genre-tv{grid-area:main;width:100%;background:#f2efe9;display:flex;justify-content:center}.genre-movies-wrapper{padding:20px;width:100%;max-width:1200px;background-color:#f2efe9;box-sizing:border-box}.genre-movies-title{margin:5px 0;text-align:center;color:#000d0c;text-transform:uppercase;font-weight:900}.genre-movies-card{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.item-movies{position:relative;height:270px;width:230px;border-radius:10px;border:4px solid rgb(115,2,12);text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.item-movies h3{visibility:hidden;margin:10px 0;text-transform:capitalize;background-color:#d98e04;color:#a60311;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s ease}.item-movies:hover h3{visibility:visible;display:block;opacity:1;width:100%;height:30%}.tv-show-details{grid-area:main;background:#f2efe9;font-size:18px}.tv-shows-part-1{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);margin-top:20px;background-color:#a60311;width:100%}.tv-shows-part-1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000d0c4d;z-index:1}.tv-shows-part-1 img{width:300px;height:414px;padding:0;object-fit:cover;align-self:center;justify-self:center}.original-title,.release-date,.country,.overview{font-weight:700;font-size:18px}.genre-movies{grid-area:main;width:100%;background:#f2efe9;display:flex;justify-content:center}.genre-tv-wrapper{padding:20px;width:100%;max-width:1200px;background-color:#f2efe9;box-sizing:border-box}.genre-tv-title{margin:5px 0;text-align:center;color:#000d0c;text-transform:uppercase;font-weight:900}.genre-tv-card{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.serials-genre-item{position:relative;height:270px;width:230px;border-radius:10px;border:4px solid rgb(115,2,12);text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.serials-genre-item h3{visibility:hidden;margin:10px 0;text-transform:capitalize;background-color:#d98e04;color:#a60311;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s ease}.serials-genre-item:hover h3{visibility:visible;display:block;opacity:1;width:100%;height:30%}.movie-details{grid-area:main;background:#f2efe9;font-size:18px}.movie-part-1{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);margin-top:20px;background-color:#a60311;width:100%}.movie-part-1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000d0c4d;z-index:1}.movie-part-1 img{width:300px;height:414px;padding:0;object-fit:cover;align-self:center;justify-self:center}.description{align-self:center;justify-self:center;background:#f2efe9;border-radius:10px;max-width:500px;text-align:center;color:#000d0c;opacity:.6;margin-left:20px}.description .original-title,.release-date,.overview{font-weight:700;font-size:18px}.title{color:#bf0426;font-weight:900;font-size:38px}.description .overview span{font-style:italic;font-size:20px;font-weight:400}.cast{width:100%;display:flex;flex-direction:column}.no-info-cast{text-align:center}.cast-title{text-align:center;color:#a60311;font-weight:800;font-size:24px;text-transform:capitalize}.cast ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;list-style:none;width:100%;max-width:1100px;margin:0 auto}.cast li{text-align:center;box-shadow:#000d0c;font-weight:600;margin-bottom:20px}.cast img{width:100%;height:80%;object-fit:cover;max-width:210px}.no-image{display:flex;justify-content:center;align-items:center;background-color:#e0e0e0;margin-top:20px;height:400px;border-radius:8px}.video{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;text-align:center}.trailer{margin-bottom:30px;color:#a60311;font-weight:800;font-size:24px}.video-youtube{width:100%;max-width:560px;aspect-ratio:16 / 9;border:4px solid #a60311}.footer{grid-area:footer;display:flex;align-items:center;justify-content:space-around;background-color:#a60311;border-top:2px solid #f2efe9}.all-rights{color:#d98e04;font-weight:700;font-size:24px}.footer-logo img{margin-left:60px}.footer-logo p{margin:5px;font-size:20px;font-weight:600;color:#f8ffff}