body{
	background-image:linear-gradient(black,midnightblue,blue,midnightblue,black);
  font-family: "Roboto", sans-serif;
}
h1{
  border: maroon 4pt solid;
  padding: 2vw;
  background: navajowhite;
  text-align:center;
  position:sticky;
  top:.1em;
  margin: 0 2vw;
  border-radius:20%;
}
.container{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}
.movie{
  border: maroon 4pt solid;
  border-radius:0% 0% 10% 10%;
  width:100%;
  display: flex;
  flex-direction: column;
  background: navajowhite;
  margin: 15px;
  padding: 2vw;
}
.content{
  padding: 1em;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.image{
  width: 100%;
  height: 100%;
}
.title {
  font-size: 1.5em;
  font-weight: bold;
}
@media(min-width:576px){
  .movie{
    width:35%;
  }
}
@media(min-width:992px){
  .movie{
    width:25%;
  }
}