body {
  background-image: url("checkered.png");
  background-color: white;
  font-family: Courier New;
  
}

img {
  width:20%;
  height:20%;
  transition: transform .2s;  

}

img:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



#filmPhotos li {
  display:inline;
  padding:50px;
}

#contentContainer {
  width:50%;
  height:50%;
  margin:auto;
}

#header {
  text-align:center;
  background-image:linear-gradient(grey,lightgrey);  
  border-radius: 12pt;
}

#mainBody {
  background-image:linear-gradient(lightgrey,grey);
  border-radius: 12pt;
  padding: 5px;
}

#mainBody h2 {
  text-align:center;  
}