/* resetting all html elements */
*{
	margin:  0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font-family: Arial;
	color: #555;
	background-color: #fff; 
	min-height: 100%;
}

h2{
	text-align: center;
	/* background-color: #111; */
	padding: 20px;
	letter-spacing: 1px;
	font-size: 30px;
	margin-top: 30px;
	font-weight: normal;
	border-bottom: thin solid #e4e4e4;
	color: #888;
}

form{
	width:  500px;
	margin: 50px auto 0 auto;
}

.preview{
	width:  500px;
	height: 300px;
	background-color: #e4e4e4;
}

.preview img{
	width: 500px;
	height: 300px;

	object-fit: contain;
}

.preview span{
	display: block;
	text-align: center;
	line-height: 200px;
	font-size: 26px;
	color: #999;
}

input[type=file]::file-selector-button{
	background-color: #636b81; 
	padding: 10px 25px;
	border: none; 
	color: #fff;
	/* border-radius: 5px; */
	/* margin-left: 20px; */
	margin-top: 40px;
	font-size: 18px;
}

ul{
	list-style-type: none;
	margin-top: 20px;
}
ul li{
	padding: 2px 0;
}
ul li span{
	display: inline-block;
	margin-left: 10px;
	/* font-style: italic; */
	font-weight: bold;
	color: #7592a1;
}


#error{
	background-color: #fff2f4;
	color: #a53535;
	margin-top: 10px;
	/* margin-bottom: 30px; */
	padding: 10px;
	font-size: 14px;
	/* border-radius: 5px; */
	display: none;
	border: thin solid #eda2ae;
}