*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.app{padding:4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#212426;min-height:100vh;font-family:Roboto,sans-serif;color:#fff}h1{font-size:3rem;letter-spacing:.9px;background:linear-gradient(90deg,#f9d423,#ff4e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;margin-bottom:2rem}.search{width:70%;margin:2rem 0 4rem;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.75rem;border-radius:3rem;background:#1f2123;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;border:1px solid #333}.search input{flex:1;border:none;font-size:1.5rem;font-family:inherit;font-weight:500;padding-right:1rem;outline:none;color:#a1a1a1;background:transparent}.search button{background:transparent;border:none;font-size:1.5rem;cursor:pointer}.container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:3rem;padding:0 2rem}.movie{position:relative;border-radius:12px;overflow:hidden;border:none;transition:all .4s cubic-bezier(.175,.885,0,1);box-shadow:0 13px 10px -7px #0000001a;cursor:pointer;background-color:#333}.movie:hover{transform:scale(1.05);box-shadow:0 30px 18px -8px #0000001a}.movie div:nth-of-type(1){position:absolute;padding:16px;width:100%;opacity:0;top:0;color:#f9d3b4;z-index:2}.movie:hover div:nth-of-type(1){opacity:1}.movie div:nth-of-type(2){width:100%;height:100%}.movie div:nth-of-type(2) img{width:100%;height:400px;object-fit:cover}.movie div:nth-of-type(3){z-index:2;background-color:#343739;padding:16px 24px 24px;position:absolute;bottom:0;right:0;left:0}.movie div:nth-of-type(3) span{font-family:Raleway,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:500;color:#f0f0f0}.movie div:nth-of-type(3) h3{margin-top:5px;font-family:Roboto,sans-serif;color:#f9d3b4}.empty{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center}.empty h2{font-size:1.25rem;color:#f9d3b4;font-family:Raleway,sans-serif}