#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.movie_title{font-size:2.2rem;margin-top:2rem;margin-bottom:4rem;color:#fff}.movies-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:2rem}.movies-grid img{width:100%;-o-object-fit:cover;object-fit:cover}.movie{position:relative;margin:10px;background:#6101bb;border-radius:.8rem}.poster{border-top-left-radius:.8rem;border-top-right-radius:.8rem}.movie:hover{transform:scale(1.1);z-index:999999}.movie a{color:#fff;text-decoration:none}.rating{background:#000;border-radius:50%;padding:12px;display:inline;border:5px solid #00c3ff;position:absolute;top:auto;left:-1rem}@media only screen and (min-width:600px){.movie h3{margin:1rem;max-width:200px;text-align:center}}.movies-grid h1{color:#fff;text-align:center}.movie .date{padding-bottom:20px}@media (min-width:800px){.parent{color:#fff;text-align:left;display:grid;grid-template-areas:"img titl" "img rls" "img rate" "img des";grid-template-columns:auto-fit 70%;grid-template-rows:repeat(2fr 1fr 1fr 3fr);grid-column-gap:2rem;margin:4rem}.img_post{grid-area:img;max-width:300px;-o-object-fit:cover;object-fit:cover}.avg{grid-area:rate}.titl{grid-area:titl}.rls{grid-area:rls}.des{grid-area:des;font-size:1.4rem}}@media (max-width:800px){.parent{color:#fff;margin:2rem}.img_post{grid-area:img;max-width:300px;-o-object-fit:cover;object-fit:cover}.des{font-size:1.2rem}}body{background:#121212}.hero{margin:3rem auto 3rem auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.search button{background:#6101bb;border:none;color:#fff;padding:16px 24px;font-style:bold;cursor:pointer}.search input{padding:12px 500px 12px 12px;font-size:16px;border:2px solid #838383}@media (max-width:800px){.search{display:flex}.search input{padding:12px 60px 12px 8px}}