@import url(https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap);:root{--primary-color:#0f172a;--secondary-color:#171717;--white:#fff;--font-family:"Fira Sans",sans-serif}*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}body{background:url(/static/media/movie.d14c6bb1b576a20480a4.jpg) no-repeat 50%/cover;font-family:Fira Sans,sans-serif;font-family:var(--font-family);height:100%;width:100%}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}h1{-webkit-text-fill-color:transparent;background:#fff;background:var(--white);background-clip:text;-webkit-background-clip:text;font-size:3.6rem;font-weight:700;letter-spacing:.9px;text-transform:capitalize;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:2.1rem 2rem;padding:1.5rem 1.75rem;width:52%}.search,.search input{background:transparent}.search input{border:none;flex:1 1;font-family:var(--font-raleway);font-size:1.5rem;font-weight:500;outline:none;padding-right:1rem}.search img{cursor:pointer;height:25px;width:25px}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.begin,.empty h2{color:#fff;color:var(--white);font-family:var(--font-raleway);font-size:1.25rem}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.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 div:first-of-type{color:#f9d3b4;opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie:hover{background:transparent;box-shadow:0 30px 18px -8px rgba(0,0,0,.1);-webkit-transform:scale(1.08);transform:scale(1.08)}.movie div:nth-of-type(2),.movie div:nth-of-type(2) img{height:100%;width:100%}.movie div:nth-of-type(3){background-color:#343739;bottom:0;color:#fff;color:var(--white);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:var(--white-color);font-family:Roboto Slab,serif;margin-top:5px}.movie:hover div:nth-of-type(2){background:#333;height:100%;opacity:.9}.movie:hover div:nth-of-type(3){background-color:initial}.movie:hover div:first-of-type{opacity:1}@media (max-width:600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}h1{font-size:2.5rem;text-align:center}.search input{font-size:1rem}.search img{height:20px;width:20px}}@media (max-width:400px){.app{padding:4rem 1rem}h1{font-size:1rem}.container{margin-top:2rem}.movie{margin:1rem;width:"100%"}}
/*# sourceMappingURL=main.8e50c9bb.css.map*/