@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Roboto Slab",serif;--font-raleway:"Raleway",sans-serif}body{background-color:#02343f;font-family:Roboto Slab,serif;font-family:var(--font-roboto)}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,4rem)}h1{-webkit-text-fill-color:#0000;background:linear-gradient(127deg,#f0edcc 25%,#f9d3b400);background-clip:text;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;width:-webkit-fit-content;width:fit-content}.search{align-items:center;background:#d5d5d5;border-radius:3rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;display:flex;margin:2rem 0;max-width:700px;padding:1rem 1.5rem;width:100%}.search input{background:#d5d5d5;flex:1 1;font-size:clamp(1rem,2vw,1.3rem);outline:none}.search img{cursor:pointer;height:40px;width:40px}.empty{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4rem;width:100%}.empty h2{font-size:1.35rem;margin:1rem 0}.empty .suggestions h3,.empty h2{color:#f0edcc;font-family:Raleway,sans-serif;font-family:var(--font-raleway);text-align:left}.empty .suggestions h3{font-size:1rem}.container .footer-content{align-items:center;color:#f0edcc;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.movie{border-radius:12px;height:100%;min-height:420px;overflow:hidden;position:relative;transition:.4s ease;width:100%}.movie div:first-of-type{color:#f9d3b4;opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie div:nth-of-type(2) img{height:100%;object-fit:cover;width:100%}.movie div:nth-of-type(3){background-color:#343739;bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.movie div:nth-of-type(3) span{color:#f0f0f0;font-family:Raleway,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.movie div:nth-of-type(3) h3{color:#f9d3b4;font-family:Roboto Slab,serif;margin-top:5px}.movie:hover div:nth-of-type(2){height:100%;opacity:.3}.movie:hover div:nth-of-type(3){background-color:initial}.movie:hover div:first-of-type{opacity:1}
/*# sourceMappingURL=main.b30e6773.css.map*/