#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;color:#fff}*{box-sizing:border-box}@media screen and (max-width: 400px){body{font-size:10px}}@media screen and (min-width: 800px){body{font-size:14px}}html{font-size:calc(10px + 4*(100vw - 400px)/400)}body{font-family:sans-serif;background:#260f26}.page{width:90%;max-width:1000px;margin:3rem auto;box-shadow:0 0 1rem #00000080;background:#361f36;padding:20px}.article{padding:5%;height:50vh}.article__title{margin-bottom:1em;color:#fff;opacity:.8;text-align:left}.article__paragraph{margin-bottom:.6em;line-height:1.5;color:#fff;opacity:.6;font-size:1.3em;text-align:left}.menu{display:flex;width:90%;max-width:1000px;margin:3rem auto;box-shadow:0 0 1rem #00000080;background:#361f36}.menu__item{position:relative;flex-grow:1;text-align:center;line-height:3rem;cursor:pointer;text-decoration:none;text-transform:uppercase;color:#fff;opacity:.6;font-size:1.3em;border-bottom-width:.2rem;border-bottom-style:solid;border-bottom-color:transparent}.menu__item:hover{opacity:1;border-bottom-color:#bfbf40}.menu__item-active,.menu__item-active:hover{opacity:1;border-bottom-color:#40bf40}.container-movie-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}.movie-card{display:flex;flex-direction:column;align-items:stretch;width:200px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;margin:16px}.movie-poster{width:100%;height:auto;border-radius:8px;margin-bottom:16px}.movie-details{flex:1;display:flex;flex-direction:column;justify-content:end;color:#000}.movie-title{font-size:18px;font-weight:700;margin-bottom:8px}.movie-type,.movie-year{font-size:14px;color:#667}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;color:#000;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:50%;max-width:600px;max-height:90vh;overflow:auto;text-align:center}.close-button{position:absolute;top:10px;right:10px;background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.close-button:hover{background-color:#c82333}.favorite-button{transition:background-color .3s ease;width:50px;height:50px}.favorite-button.favorite{background-color:#ff0}.filter-box{display:flex;flex-direction:row;align-items:center;border-radius:8px;padding:10px;margin:10px;width:80%;justify-content:center}.filter{font-size:18px;color:#f4f4f4;font-weight:700;margin-right:20px}.input-filter{width:55%;padding:7px;border:1px solid #ccc;border-radius:4px;margin-right:20px;font-size:30px}.find-button,.clear-button{width:15%;padding:8px;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;margin-right:20px}.find-button{background-color:#007bff}.clear-button{background-color:#c0dc35}.App{font-family:sans-serif;text-align:center}ul{list-style:none}li{cursor:pointer}.counter{margin-bottom:20px}