.heroPage{background-image:url(/_next/static/media/Poster.ff0368fe.svg);position:absolute;top:0;left:0;background-size:cover;background-position:50%;width:100%;height:90vh}.nav{display:flex;justify-content:space-between;margin:20px 15px}.logo_container{display:flex;margin-left:50px}.logo_container h2{font-size:25px;margin:5px 15px}.form_search{display:flex;justify-content:space-between;border:2px solid #d1d5db;border-radius:6px;padding:5px 10px;width:50%;height:36px}input{background:transparent}i{padding-top:5px}li a{list-style:none;color:#fff;font-size:20px;text-decoration:none}.hero,li a{padding:0 10px}.hero{position:relative;top:80px;width:30%;left:60px}.main_title{font-size:48px;font-weight:700;line-height:56px;padding:5px 0}.rating{display:flex}.rating p{padding-right:20px}.main_text{font-size:14px;font-weight:500;line-height:18px;color:#fff;padding:10px 0}.form_button{display:flex;border-radius:6px;padding:5px 10px;width:50%;height:36px;background:#be123c;margin-top:10px}.form_button input::-moz-placeholder{color:#fff}.form_button input::placeholder{color:#fff}.form_button input{padding-left:7px}.features{position:relative;top:720px}.footer{position:relative;top:350px;padding:20px 0}@media screen and (max-width:600px){.movie-card{margin-top:48px}.nav{display:flex;margin:16px 5px}.logo_container{margin-left:0}.form_search{width:65%;position:absolute;top:12rem;left:4rem}.hero_search{position:relative;top:80px;justify-content:center;padding:0 10px}.hero,.hero_search{display:flex;width:100%}.hero{flex-direction:column;justify-content:flex-end;left:0;height:65%}.main_title{font-size:30px;line-height:36px}.features_title h2,.features_title p{font-size:14px;line-height:36px}}.movie-card{color:#000}.features_title{display:flex;justify-content:space-between}.features_title p{color:#be123c;margin-top:15px}.features_title h2{font-size:40px;font-weight:600;margin:0 20px}.movie-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}@media (max-width:1200px){.movie-list-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.movie-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.movie-list-grid{grid-template-columns:repeat(1,1fr)}}.movie-title{font-size:15px;font-weight:600;margin:10px 0;text-align:center}.movie-item{background-color:#f5f5f5;padding:15px 10px;border-radius:8px}.moviee{display:flex;flex-direction:column;align-items:flex-start;position:relative}.moviee:hover{transform:scale(1.05);transition:all .3s ease-in-out}.moviee img{width:100%;height:auto;border-radius:8px}.rating img{width:20px;height:20px;margin-right:5px}.vote,.vote-rate{display:flex}.vote{padding-right:25px}.favorite-button{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;padding:4px;background-color:#ccc;border-radius:50%;cursor:pointer;box-shadow:none;outline:none}.favorite-button.active{color:red}.footer{margin-top:10px;background-color:#fff}.f-container{max-width:1000px;margin:auto}.f-one{-moz-column-gap:22px;column-gap:22px;max-width:210px}.f-one,.f-two{display:flex;margin:auto}.f-two{-moz-column-gap:32px;column-gap:32px;max-width:450px;padding:15px 0}.f-two p{color:#111827}.f-three{max-width:350px;margin:auto}.f-three p{color:#6b7280}.f-one i{color:#000;font-size:25px}@media screen and (max-width:768px){.f-container{margin-left:3px}.f-two p{font-size:11px;margin-left:5px}.f-three p{font-size:13px;margin-left:18px}}