html {/*Background generated on http://www.heropatterns.com/*/
	background-color: #d5e5ff;
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='12' viewBox='0 0 44 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}	

html {font-family: sans-serif;
color: #333333;}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.container {max-width: 960px;
	margin:auto;}

#searchMovie {padding:24px;
	margin: 24px 0;
background-color: white;
border-radius: 4px;
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.65)}

label:nth-child(4) {padding-left: 48px;}

#searchMovieButton {float: right;
font-size: 16px;}

h2 {margin-top: 0;}

.movieCard {background-color: green;
padding:12px;
margin-bottom: 12px;
background-color: white;
border-radius: 4px;
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.65)}

.movieCard img {float:left;
	max-width:120px;
	object-fit:cover;}

.movieCardDetails {padding:12px 6px 6px 144px;}

.movieCard h3 {font-size: 30px;
	margin:0 0 6px 0;
	padding:0;}

.movieCard span {font-style: italic;
	margin:0 0 18px 0;
display: block;}

.movieCard a {margin:0 0 6px 0;
display:block;}

#nextPage {margin: 6px;
float: right;
padding:6px;
font-size: 16px;}

#lastPage {margin: 6px;
padding:6px;
font-size: 16px;}

td:first-child {font-weight: bold;
	width:20%;}

table {margin-top: 12px;}