@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:#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));background-clip:text;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search{align-items:center;background:#1f2123;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 1.75rem;width:71%}.search input{background:#1f2123;border:none;color:#a1a1a1;flex:1 1;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.5rem;font-weight:500;outline:none;padding-right:1rem}.search img{cursor:pointer;height:35px;width:35px}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:#f9d3b4;font-family:Raleway,sans-serif;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{box-shadow:0 30px 18px -8px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.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;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}@media screen and (max-width:600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{height:20px;width:20px}}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{margin:1rem;width:"100%"}}.lds-spinner{color:official;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.cf8d41cd.css.map*/