body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,code{font-family:Georgia,"Times New Roman",Times,serif}.App{text-align:center;background-color:#778466;color:#2e393c;min-height:100vh;padding:20px;overflow:hidden}.welcome-msg{color:#3d404f;font-weight:bolder;font-size:2em;padding:0 2em}.hidden{display:none}.centered,.favorites{display:flex;align-items:center;justify-content:center}.favorites{grid-gap:40px;gap:40px}.movie-img{border-radius:8px}.footer{position:-webkit-sticky;position:sticky;bottom:0;padding-top:20px;background-color:#778466}@media only screen and (max-width:728px){.favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:40px;gap:40px}}.movie-container{flex-direction:column;text-align:center;align-items:center;width:300px}.movies-container{display:flex;flex-wrap:wrap;width:100%;align-content:center;justify-content:center}.movie-poster{border:1px solid wheat;border-radius:5px;margin:10px 0;width:250px;height:300px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;cursor:pointer}.movie-poster:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.movie-title{font-weight:700;font-family:sans-serif;font-size:large}.movie-title,.movie-year{text-align:center}.movie-container{display:flex;padding:1em}.not-found{display:flex;align-items:center}.pagination span{font-size:larger;font-weight:bolder;color:#fff;padding:0 10px}.pagination button{background-color:wheat}.search-wrapper{display:grid;grid-template-columns:5fr 1fr;grid-gap:10px;gap:10px}.input-wrapper{display:flex;align-items:center;background-color:wheat;border-radius:8px;padding-left:15px;color:#000}.input,.yearInput{border:none;background-color:transparent;padding:16px;width:100%;outline:none;color:inherit}.icon{height:25px;padding-right:10px}.input::-webkit-input-placeholder,.yearInput::-webkit-input-placeholder{color:#423c3c}.input:-ms-input-placeholder,.yearInput:-ms-input-placeholder{color:#423c3c}.input::placeholder,.yearInput::placeholder{color:#423c3c}
/*# sourceMappingURL=main.f19ddf02.chunk.css.map */