@import url(https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway&display=swap);:root{--font-open-sans:"Open Sans",sans-serif;--font-roboto:"Roboto",sans-serif;--font-raleway:"Roboto",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f2027;background:linear-gradient(135deg,#2c5364,#203a43,#0f2027);color:#fff}.app{align-items:center;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-family:var(--font-open-sans)}.app>h1{font-family:Roboto,sans-serif;font-family:var(--font-raleway);padding:15px;text-transform:uppercase}.app>.search{align-items:center;border-radius:30px;display:flex;margin:20px}.app>.search>input{border:none;border-radius:30px 0 0 30px;font-size:large;padding:16px 20px}.app>.search>input:focus{outline:none}.app>.search>button{background:#0f2027;border:none;border-radius:0 30px 30px 0;cursor:pointer;padding:10px 20px;transition:.5s}.app>.search>button:hover{background:#09151a}.app>.search>button img{width:30px}.app .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.app .container .movie{background:#212121;border-radius:10px;box-shadow:0 0 10px #0008;margin:20px;padding:10px;transition:.5s}.app .container .movie:hover{box-shadow:0 0 20px #0009}.app .container .movie div:first-child{padding-bottom:10px;text-align:center}.app .container .movie div:nth-child(3){border-radius:30px;padding:10px 10px 20px;width:300px}.app .container .movie div:nth-child(3) span{padding-bottom:5px}.app .empty{font-size:3rem}
/*# sourceMappingURL=main.9d1d6d72.css.map*/