.error{color:red;text-transform:uppercase;font-size:1.1em;line-height:1.2em;font-weight:700;text-align:center;margin:auto}.loading{img {max-height: 40px; max-width: 50px; object-fit: contain;}}.movies{display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;gap:2rem}.movie{padding:2rem .5rem;box-shadow:2px 2px 3px #000000b3;a {display: flex; flex-direction: column; align-items: center; text-decoration: none; color: black; font-family: monospace; font-size: 1rem; img {width: 150px; height: 200px; object-fit: cover; object-position: center top; flex-shrink: 0;} div {flex-grow: 1; padding: 1rem 0; text-align: center;}}}.search{padding:10px;display:flex;justify-content:center;gap:5px;margin-bottom:1rem;input,button {padding: 10px;}}.movie-page{display:grid;place-items:center}*{margin:0;box-sizing:border-box}html{scrollbar-gutter:stable}h1,h2,h3{text-align:center}h1{padding-bottom:1rem}nav{height:10vh;padding:10px;display:flex;justify-content:center;align-items:center;gap:20px;a {text-decoration: none; text-transform: uppercase; background-color: maroon; padding: 10px; border-radius: 10px; color: white; opacity: .7;} a.active {opacity: 1;} a:hover {opacity: 1;}}main{min-height:80vh;padding:2rem}footer{height:10vh;text-align:center}