* {
	padding:0;
	margin:0;
	box-sizing:border-box;
}

body {
	background: #fddca9;
	font-family:"Courier";
}

#wrapper {
	margin:20px auto;
	background:#fea712;
	max-width:960px;
	border-radius:6px;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	padding: 20px 0;
}

header {
	padding-top:20px;
	text-align:center;
}

header p {
	font-size:19px;
	margin-top:5px;
}

header #search-movie {
	margin:20px auto;
	margin-top:30px;
	width:300px;
	display:block;
	padding:8px;
}

#movie-list {
	margin-top:60px;
	padding:25px 0;
	background:#e76219;
}

#movie-list li {
	margin:0 auto;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	width:90%;
	padding:10px;
	padding-left:20px;
	border-left:solid 5px #562717;
	margin-top:15px;
	
}

#movie-list li:hover {
	border-color:#e76219;
}

.title {
	display:block;
	width:90%;
	font-size:18px;
}

.delete {
	display:block;
	width:10%;
	padding:6px;
	text-align:center;
	cursor:pointer;
	background:#c21717;
	border-radius:6px;
	color:white;
}

#add-movie {
	margin:0 auto;
	max-width:500px;
	text-align:center;
}

#add-movie .checkbox-div {
	margin:30px;
}

#add-movie #add-movie-input {
	margin:20px auto;
	width:300px;
	padding:8px;
}

#add-movie button {
	width:100px;
	font-size:16px;
	padding:6px;
	text-align:center;
	cursor:pointer;
	background:#86af49;
	border-radius:6px;
	color:white;
}