body, html {
	margin: 0;
	height: 100%;
	color: #7f2549;
	font-family: Arial;
	font-size: 12px;
	background-color: #fdfbf8;
}

/* Title image */
.image {
	height: 150px;
	width: auto;
}

/* Centering style */
.center-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: auto;
	padding: 20px 100px; /* 20px top/bottom, 100px left/right */
}

/* Display results image */
.results {
    border: 1px solid #ccc; 
    background: #f9f9f9; 
    padding: 10px; 
    margin-bottom: 20px; 
    border-radius: 6px;
}

/* Display uploaded image */
.uploaded-image {
    width: 70%;
    height: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto; /* Center the image */
}

/* Loader button */
#loader {
	border: 6px solid #f3f3f3;
	border-top: 6px solid #7f2549;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 0.8s linear infinite;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}