@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&family=Rubik+Scribble&display=swap";body{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column}#root{position:relative;min-height:100vh}.footer-component{position:absolute;width:100%;bottom:0}.container{position:relative}.search-bar{border:1px solid rgb(81,84,25);padding:.2em .8em;border-radius:20px;display:flex;align-items:center}.input{outline:none;border:none;height:100%;width:97%;padding:.8rem;font-size:20px}.results-list{border-radius:10px;width:100%;box-shadow:0 0 8px #ddd;overflow-y:scroll;position:absolute;z-index:1000;background-color:#fff}.each-result{padding:.5rem;cursor:pointer}.each-result:hover{background-color:#efefef}.err-msg{padding:.8rem}.movie-info{padding:2rem;text-align:center;border:solid 1px silver;max-width:500px;border-radius:30px;overflow-y:auto;margin-bottom:1rem}.poster{padding:10px;overflow:hidden}.poster:hover{transform:scale(1.03);transition:transform .3s ease-in-out}.plot,.cast,.rating,.bold{font-weight:700}.movie-list::-webkit-scrollbar{display:none}.movie-list{max-height:700px;overflow-y:scroll;display:grid;place-items:center}.movie-date{font-style:italic}.card{height:40rem;background:#f3f3f3;overflow:hidden;cursor:pointer;border-radius:20px}.card img{transition:transform .3s ease-in-out}.card:hover img{transform:scale(1.1)}.title{border-bottom:1px solid black}.movies{margin-bottom:100px}