@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif}.app,body{margin:0;padding:0}.app{text-align:center}.app-header{align-items:center;background-color:#1c1c1c;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;font-size:24px;justify-content:space-between;padding:20px}.app-header h1{font-size:32px;font-weight:700;letter-spacing:1px;margin:0}.menu-icon{cursor:pointer}.hamburger-menu{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:25px}.hamburger-menu .bar{background-color:#fff;border-radius:5px;height:3px;width:100%}.search-container{align-items:center;display:flex}.search-bar{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:all .3s ease;width:300px}.search-bar:focus{border-color:#333;box-shadow:0 0 10px #0000001a;outline:none}main{display:flex;justify-content:space-between;padding:20px}.movie-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:75%}.movie-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:10px;text-align:center;transition:transform .3s ease}.movie-card:hover{transform:scale(1.05)}.movie-image{border-radius:5px;height:auto;width:100%}.movie-title{font-size:18px;margin-top:10px}.top-10-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-left:20px;padding:20px;width:20%}.top-10-section h2{font-size:24px;margin-bottom:20px}.top-10-section ul{list-style:none;padding:0}.top-10-section li{cursor:pointer;font-size:18px;margin-bottom:10px}.top-10-section li:hover{text-decoration:underline}.movie-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;max-width:500px;padding:20px;width:90%}.modal-header{align-items:center;display:flex;margin-bottom:20px}.movie-detail-image{border-radius:10px;height:auto;margin-right:20px;width:100px}.movie-detail-info{flex-grow:1}.movie-detail-info h2{font-size:24px;margin:0}.movie-detail-info p{margin:5px 0}.modal-body{margin-top:20px}.modal-body h3{margin-bottom:10px}.close-modal{cursor:pointer;font-size:2rem;position:absolute;right:20px;top:10px}.footer{align-items:center;background-color:#2c2c2c;color:#fff;padding:20px}.footer,.footer-content{display:flex;justify-content:space-between}.footer-content{width:100%}.footer-left{flex:1 1}.footer-right{display:flex;gap:10px}.social-icon{color:#fff;font-size:24px;transition:color .3s ease}.social-icon:hover{color:#ddd}.pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}button:disabled{background-color:#ddd;cursor:not-allowed}button:hover{background-color:#555}.movie-library{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:50px;padding:20px}.movie-library h2{font-size:28px;margin-bottom:20px}.library-section{margin-bottom:40px}.library-section h3{color:#1c1c1c;font-size:24px;margin-bottom:10px}.library-movies{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.library-movie-card{background-color:#f4f4f4;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:10px;text-align:center;transition:transform .3s ease;width:150px}.library-movie-card:hover{transform:scale(1.05)}.library-movie-card img{border-radius:10px;width:100%}.library-movie-card h4{font-size:18px;margin-top:10px}select{background-color:#fff;border:1px solid #ddd;border-radius:5px;font-size:16px;margin-top:20px;padding:10px}select:focus{border-color:#333;outline:none}@media (max-width:1200px){.movie-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.movie-container{grid-template-columns:repeat(2,1fr)}.app-header{align-items:flex-start;flex-direction:column}.search-container{margin-top:10px;width:100%}.search-bar{width:100%}.top-10-section{margin-left:0;margin-top:20px;width:100%}}@media (max-width:480px){.movie-container{grid-template-columns:repeat(2,1fr)}.app-header{align-items:flex-start;flex-direction:column}.search-container{margin-top:10px;width:100%}.search-bar{width:100%}.top-10-section{margin-left:0;margin-top:20px;order:2;width:100%}main{flex-direction:column}}
/*# sourceMappingURL=main.609e55f8.css.map*/