@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Roboto Slab",serif}body{background-color:#212426;font-family:Roboto Slab,serif;font-family:var(--font-roboto)}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f9d3b4,hsla(27,85%,84%,0));-webkit-background-clip:text;background-clip:text;font-size:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search{align-items:center;border-radius:3rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;display:flex;justify-content:center;margin:4rem 0 2rem;padding:1.5rem 0 1.75rem;width:71%}.search,.search input{background-color:#1f2123}.search input{border:none;color:#a1a1a1;flex:1 1;font-size:1.5rem;font-weight:500;outline:none;padding:0 2rem}.search img{cursor:pointer;height:35px;margin-right:2rem;width:35px}.empty{color:#f9d3b4;font-size:1.25rem}.container,.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.container{flex-wrap:wrap}.movie{border:none;border-radius:12px;box-shadow:0 13px 10px -7px rgba(0,0,0,.1);height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:310px}.movie:hover{box-shadow:0 30px 10px -8px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.movie .year{color:#f9d3b4;opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie .poster,.movie .poster img{height:100%;width:100%}.movie .meta{background-color:#343739;bottom:0;padding:16px 24px 24px;position:absolute;width:100%;z-index:2}.movie .meta span{color:#f0f0f0;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.movie .meta h3{color:#f9d3b4;margin-top:5px}.movie:hover .poster{height:100%;opacity:.3}.movie:hover .meta{background-color:transparent}.movie:hover .year{opacity:1}@media only screen and (max-width:767px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem}.search input{font-size:1rem}.search img{height:20px;width:20px}h1{font-size:2rem}.container{margin-top:2rem}.movie{margin:1rem;width:100%}}
/*# sourceMappingURL=main.21176780.css.map*/