@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);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.avatar{border-radius:50%}body{background-color:rgba(0,0,0,.705);font-family:Roboto Slab,Arial,Helvetica,sans-serif}.app{align-self:center;display:flex;flex-direction:column;justify-content:center;padding:auto}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffcc00a1,#000);background-clip:text;-webkit-background-clip:text;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.7px;text-align:center}.searchInput{align-items:center;background:rgba(0,0,0,.603);border-radius:25px;box-shadow:5px 5px 7px rgba(0,0,0,.603),-5px -5px 7px rgba(0,0,0,.603);display:flex;justify-content:center;margin:auto;padding:.5px;text-align:center;width:50%}.searchInput input{background-color:rgba(0,0,0,.308);border-radius:25px;color:#fff;font-family:Courier New,Courier,monospace;font-size:1.15rem;font-weight:700;outline:solid;outline-color:rgba(218,165,32,.699);outline-width:.2px;padding:9px;width:100%}.searchInput img{cursor:pointer;height:35px;width:35px}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;width:100%}.movie{border:none;border-radius:12px;box-shadow:0 13px 10px -7px #0000001a;height:400px;margin:15px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:300px}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:rgba(225,14,14,.904);font-family:Roboto Slab,Arial,Helvetica,sans-serif;font-size:1.25rem;font-size:3rem;font-weight:700}.movie .movie-year{color:#fff;font-size:1.2rem;font-weight:700;opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie .movie-poster,.movie .movie-poster img{height:100%;width:100%}.movie div:nth-of-type(3){background-color:#333638;bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.movie div:nth-of-type(3) #movie-type{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) #movie-title{color:#f9d3b4;font-family:Roboto Slab,serif;margin-top:5px}.movie:hover .movie-poster{height:100%;opacity:.3}.movie:hover div:nth-of-type(3){background-color:initial}.movie:hover .movie-year{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%"}}
/*# sourceMappingURL=main.962c0eb6.css.map*/