@import "https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";@import "https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";*{box-sizing:border-box;border:0;margin:0}:root{--font-roboto:"Roboto Slab",serif;--font-raleway:"Raleway",sans-serif}body{font-family:var(--font-roboto);background-color:#212426}.app{flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}h1{letter-spacing:.9px;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f9d3b4 0%,#f9d3b400 100%);-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:3rem}.search{background:#1f2123;border-radius:3rem;justify-content:center;align-items:center;width:71%;margin:4rem 0 2rem;padding:1.5rem 1.75rem;display:flex;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527}.search input{font-size:1.5rem;font-family:var(--font-raleway);color:#a1a1a1;background:#1f2123;border:none;outline:none;flex:1;padding-right:1rem;font-weight:500}.search img{cursor:pointer;width:35px;height:35px}.empty{justify-content:center;align-items:center;width:100%;margin-top:3rem;display:flex}.empty h2{color:#f9d3b4;font-size:1.25rem;font-family:var(--font-raleway)}.container{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:3rem;display:flex}.movie{border:none;border-radius:12px;width:310px;height:460px;margin:1.5rem;transition:all .4s cubic-bezier(.175,.885,0,1);position:relative;overflow:hidden;box-shadow:0 13px 10px -7px #0000001a}.movie div:first-of-type{opacity:0;color:#f9d3b4;width:100%;padding:16px;position:absolute;top:0}.movie:hover{transform:scale(1.05);box-shadow:0 30px 18px -8px #0000001a}.movie div:nth-of-type(2),.movie div:nth-of-type(2) img{width:100%;height:100%}.movie div:nth-of-type(3){z-index:2;background-color:#343739;padding:16px 24px 24px;position:absolute;bottom:0;left:0;right:0}.movie div:nth-of-type(3) span{text-transform:uppercase;letter-spacing:2px;color:#f0f0f0;font-family:Raleway,sans-serif;font-size:13px;font-weight:500}.movie div:nth-of-type(3) h3{color:#f9d3b4;margin-top:5px;font-family:Roboto Slab,serif}.movie:hover div:nth-of-type(2){opacity:.3;height:100%}.movie:hover div:nth-of-type(3){background-color:#0000}.movie:hover div:first-of-type{opacity:1}.footer{color:#fff;text-align:center;z-index:10000;background:#287bff;justify-content:center;align-items:center;width:100vw;padding:1rem;display:flex;position:fixed;bottom:0;left:0}.footer a{color:#fff;font-weight:700;text-decoration:underline}@media screen and (max-width:600px){.app{padding:4rem 2rem}.search{width:100%;padding:1rem 1.75rem}.search input{font-size:1rem}.search img{width:20px;height:20px}}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{width:"100%";margin:1rem}}