@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#eee}*{margin:0;padding:0;box-sizing:border-box}.navBar-container{width:100vw;position:fixed;top:0;background-color:#2739db80;box-shadow:0 5px 20px -3px #4d4d4d8a;display:flex;padding:20px;font-size:20px}.navBar-container .navbar-title{font-weight:700}.navBar-container .navBar-links{width:90vw;display:flex;justify-content:end;gap:30px}.navBar-container .navBar-links a{text-decoration:none;color:#fff}.navBar-container .navBar-links a:hover{box-shadow:0 1px #fff}.cardcast-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;gap:20px}.cardcast-container .cardcast-img{margin-top:10px;border-radius:10px}.about-modal-container{display:flex;flex-direction:column;align-items:center;gap:40px;color:#fff}.about-modal-container .about-modal-btnClose{padding:20px;background:transparent;border:none;font-size:2em;cursor:pointer}.about-modal-container .about-modal-movieTitle{font-size:3em}.about-modal-container .about-modal-content{display:flex;flex-direction:column;text-align:center;gap:10px;width:80%}.about-modal-container .about-modal-img-backdrop{top:0;width:100%;height:100%;position:absolute;z-index:-1;filter:brightness(30%)}.modal-open{height:800px;width:800px;position:absolute;z-index:99997;background-color:#faeff2}.card-container{display:flex;display:grid;margin-top:30px;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;gap:50px}.card-container .card-box{padding:0;border-radius:10px;color:#000;margin:auto;display:flex;flex-direction:column;align-items:center}.card-container .card-content{width:250px;height:320px;display:flex;flex-direction:column;align-items:center}.card-container .card-content img{border-radius:5px;box-shadow:0 60px 0 15px #2739db8a;cursor:pointer;transition:all .3s}.card-container .card-content img:hover{transform:rotate(1deg)}.card-container .card-btns{display:flex}.card-container .card-btns .p-off{display:none}.card-container .card-btns button{font-size:1.5em;border:none;border-radius:5px;padding:5px;cursor:pointer;background:transparent}.card-container .card-btns .removed{content:""}.card-container .card-btns .add{content:"❤"}.topmovies-container,.topseries-container{margin:100px auto;align-items:center;width:80vw}.search-container{margin:100px auto;width:80vw}.search-container .serch-input{margin:auto;width:60%}.search-container .serch-input form input{font-size:20px;padding:15px;border-radius:10px;border:none;width:80%;margin-right:10px}.search-container .serch-input form button{background-color:#f13778;color:#fff;cursor:pointer;font-size:20px;padding:15px;border-radius:10px;border:none;width:18%}.search-container .serch-input form button:hover{background-color:#c2295e}.search-btnsPages{background-color:#f13778;color:#fff;cursor:pointer;border:none;border-radius:5px;padding:15px;margin-right:10px}.search-btnsPages:hover{background-color:#c2295e}.favories-container{margin:100px auto;width:80vw}.favories-container button{background-color:#f13778;color:#fff;cursor:pointer;font-size:20px;padding:15px;border-radius:10px;border:none}.favories-container button:hover{background-color:#c2295e}