.posterImage{width:100%;border-top-left-radius:15px;border-top-right-radius:15px}.movieTitle{text-align:center;font-size:15px;color:#f7be10}.movieVoteAverage{text-align:center;font-size:15px;color:#fff}.body-container{background-color:#1d1d1d}.button-container{display:flex;justify-content:space-around}.now-playing-button,.search-button{font-weight:700;margin:30px;padding:10px;background-color:#f7be10;border-radius:10px;color:#141414;border:none;cursor:pointer;width:20%;transition:transform .8s ease,box-shadow .4s ease}.now-playing-button:hover,.search-button:hover{background-color:#141414;color:#888;transform:scale(1) translateY(-10px);box-shadow:0 4px 8px #0003}.footer-about{padding:20px;text-decoration:none}.footer-class{text-decoration:none}.movie-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:center}.movie-card{display:flex;border:1px solid #141414;width:17%;box-shadow:0 2px 4px #0a0a0a;border-radius:15px;background-color:#141414;margin-bottom:20px;transition:transform .4s ease,box-shadow .4s ease}.movie-card:hover{transform:scale(1.03) translateY(-10px);box-shadow:0 4px 8px #0003}.load-button{display:block;margin:auto;font-size:25px;padding:10px;background-color:#f7be10;border-radius:15px;color:#141414;border:none;cursor:pointer;transition:transform .8s ease,box-shadow .4s ease}.load-button:hover{background-color:#141414;color:#888;transform:scale(1.03) translateY(-10px);box-shadow:0 4px 8px #0003}footer{background-color:#000;color:#888;padding:40px;text-align:center}.footer-links{padding:5px}@media (max-width: 800px){.movie-card{width:100;max-width:400px;margin:0 auto 20px}.movie-card:hover{transform:scale(1) translateY(-10px);box-shadow:0 4px 8px #0003}}.input-form-box{display:flex;flex-direction:column;margin-top:20px;align-items:center}.search-bar{padding:10px;margin-bottom:10px;border-radius:15px;color:#888;background-color:#333;opacity:.9;width:25%}.submit-button:hover{background-color:#141414;color:#888;box-shadow:0 4px 8px #0003}.submit-button{padding:10px;background-color:#f7be10;border-radius:15px;color:#141414;border:none;cursor:pointer;width:20%;transition:transform .8s ease,box-shadow .4s ease}.my-header{padding:35px;background-image:url(/assets/bannerimage-SOzHXGph.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.title{color:#919191;text-align:center;font-size:42px;font-family:Georgia,Times New Roman,Times,serif}@media (max-width: 800px){.now-playing-button,.search-button{width:24%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000001a;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#141414;padding:20px;border-radius:5px;position:relative;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.video-container{display:flex;justify-content:center;align-items:center;width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0}.modal-body{color:#fff}.modalMovieTitle{text-align:center;color:#f7be10}.modal-body img{display:block;margin-left:auto;margin-right:auto;width:85%;border-radius:10px}.modalGenres{text-align:center;color:#f7be10}.modalOverview{color:#f7be10}.modal-content{background:#fff;padding:20px;border-radius:5px;position:relative;max-width:800px;width:90%;background-color:#141414}.releaseTitle{color:#f7be10}.release-date{color:#fff}.modal-header{display:flex;justify-content:flex-end}.close-button{width:5%;background-color:#f7be10;border-radius:15px;color:#141414;border:none;cursor:pointer}a{color:#f7be10}.sort{text-align:center;margin:30px;padding:10px;background-color:#f7be10;border-radius:10px;color:#141414;border:none;cursor:pointer;width:20%;transition:transform .8s ease,box-shadow .4s ease;font-weight:700}.App{text-align:center}.App-header{background-color:#282c34;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;color:#fff;padding:20px}@media (max-width: 800px){.movie-card{width:100%}.search-bar{flex-direction:column;gap:10px}.search-bar form{flex-direction:column}}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4}button{background-color:#282c34;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#777;color:#fff}